/* Shared contact surface: opaque, readable, and distinct from the artwork. */
.contact-modal{position:fixed;padding:20px;overflow-y:auto;background:rgba(0,5,10,.76);backdrop-filter:blur(5px)}
.contact-panel{width:min(430px,100%);max-height:100%;overflow-y:auto;background:linear-gradient(145deg,#233b4b,#172b39 65%);border:1px solid #52798c;box-shadow:0 28px 80px rgba(0,0,0,.65),0 0 35px rgba(40,170,200,.13),inset 0 1px 0 rgba(210,238,248,.12)}
.contact-top h2{color:#f5f9fc}
.contact-form label{color:#dae5ec}
.contact-form input,.contact-form textarea{background:#0d1c27;border-color:#4c687a;color:#f5f9fc}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#a4b7c5;opacity:1}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid #28d9ed;outline-offset:2px;border-color:#28d9ed}
.contact-status{color:#edf6fa}
.close-modal{color:#edf6fa}
.close-modal:hover{color:#28e1ef}