.contact-page{color:#e6f3ea;background:radial-gradient(circle at top,#1c463459,#0000 55%),linear-gradient(160deg,#07100b 0%,#0d1512 50%,#0b1110 100%);justify-content:center;align-items:center;min-height:100vh;padding:48px 18px;font-family:IBM Plex Sans,Segoe UI,sans-serif;display:flex}.contact-shell{gap:28px;width:min(760px,100%);display:grid}.contact-header{gap:10px;display:grid}.contact-kicker{text-transform:uppercase;letter-spacing:.22em;color:#86d7a0;font-size:12px}.contact-header h1{margin:0;font-size:36px}.contact-subtitle{color:#c4d8cc;margin:0;font-size:15px}.contact-card{background:#09100ce0;border:1px solid #76c79a38;border-radius:18px;padding:28px;box-shadow:0 26px 50px #00000061}.contact-form{gap:18px;display:grid}.contact-field{color:#b9d8c5;gap:8px;font-size:13px;display:grid}.contact-field input,.contact-field textarea{color:#f2fff6;background:#0c1610eb;border:1px solid #60a88359;border-radius:10px;outline:none;padding:12px 14px;font-family:IBM Plex Sans,Segoe UI,sans-serif;font-size:14px;transition:border-color .2s,box-shadow .2s}.contact-field input:focus,.contact-field textarea:focus{border-color:#78ff9c99;box-shadow:0 0 0 2px #4fc98133}.contact-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.contact-confirm{color:#93f1b0;font-size:13px}@media (max-width:600px){.contact-card{padding:20px}.contact-header h1{font-size:28px}}