.contact-page{background:#f4f7fa;min-height:100vh;padding-top:80px;color:#0b0e17}.contact-hero{background:radial-gradient(50% 55% at 80% 0%,rgba(46,158,142,.13),transparent 65%),radial-gradient(40% 48% at 12% 15%,rgba(79,195,178,.09),transparent 62%),#f4f7fa;padding:6rem 0 3rem;text-align:center}.contact-hero .container{max-width:720px;margin:0 auto;padding:0 2rem}.contact-eyebrow{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#5c6878;margin-bottom:1.25rem}.contact-hero h1{font-size:3rem;font-weight:600;letter-spacing:-.025em;line-height:1.1;margin:0 0 1.25rem;color:#0b0e17}.contact-hero p{font-size:1.125rem;line-height:1.6;color:#5c6878;max-width:520px;margin:0 auto}.contact-body{padding:3rem 0 5rem}.contact-body .container{max-width:1080px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:.9fr 1.3fr;gap:4rem;align-items:start}.contact-info-col{position:sticky;top:120px}.contact-info-title{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#5c6878;margin:0 0 1.5rem}.contact-info-list{display:flex;flex-direction:column;gap:1.75rem}.contact-info-item{display:flex;gap:.875rem;align-items:flex-start}.contact-info-icon{width:36px;height:36px;flex:0 0 36px;border-radius:10px;background:#2e9e8e1a;color:#2e9e8e;display:flex;align-items:center;justify-content:center}.contact-info-label{font-size:.8125rem;color:#5c6878;margin:0 0 .25rem}.contact-info-value{font-size:.9375rem;color:#0b0e17;font-weight:500;text-decoration:none;line-height:1.4;word-break:break-word}a.contact-info-value:hover{text-decoration:underline;text-underline-offset:3px}.contact-socials{display:flex;gap:.5rem;margin-top:2.25rem;padding-top:1.75rem;border-top:1px dashed #D9E0EA}.contact-social{width:36px;height:36px;border-radius:10px;background:#ecf1f6;border:1px solid #D9E0EA;color:#0b0e17;display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,transform .15s ease}.contact-social:hover{background:#fbfcfe;border-color:#2e9e8e;color:#2e9e8e;transform:translateY(-1px)}.contact-form-card{background:#fbfcfe;border:1px solid #D9E0EA;border-radius:20px;padding:2.5rem;box-shadow:0 18px 40px #0b0e170d,0 4px 12px #0b0e170a}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.contact-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.contact-field{display:flex;flex-direction:column;gap:.5rem}.contact-field label{font-size:.8125rem;font-weight:500;color:#5c6878;letter-spacing:.01em}.contact-field input,.contact-field textarea{width:100%;background:#f4f7fa;border:1px solid #D9E0EA;border-radius:10px;padding:.75rem .875rem;font-size:.9375rem;color:#0b0e17;font-family:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;box-sizing:border-box}.contact-field textarea{min-height:160px;resize:vertical;line-height:1.55}.contact-field input::-moz-placeholder,.contact-field textarea::-moz-placeholder{color:#8a93ab}.contact-field input::placeholder,.contact-field textarea::placeholder{color:#8a93ab}.contact-field input:focus,.contact-field textarea:focus{outline:none;background:#fbfcfe;border-color:#2e9e8e;box-shadow:0 0 0 3px #2e9e8e29}.contact-submit{align-self:flex-start;background:#2e9e8e;color:#fbfcfe;border:1px solid #2E9E8E;border-radius:999px;padding:.8125rem 1.75rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;margin-top:.5rem;font-family:inherit;box-shadow:0 1px #ffffff38 inset,0 8px 22px #2e9e8e47,0 1px 2px #0b0e1714}.contact-submit:hover:not(:disabled){background:#35ae9e;border-color:#35ae9e;transform:translateY(-1px);box-shadow:0 1px #ffffff47 inset,0 14px 28px #2e9e8e61,0 2px 4px #0b0e171a}.contact-submit:disabled{opacity:.6;cursor:not-allowed}.contact-status{font-size:.875rem;padding:.75rem 1rem;border-radius:10px;line-height:1.5}.contact-status.success{background:#4fd4a61f;color:#1f7a52;border:1px solid rgba(79,212,166,.25)}.contact-status.error{background:#cc323214;color:#9b2c2c;border:1px solid rgba(204,50,50,.18)}.contact-fineprint{font-size:.8125rem;color:#5c6878;margin:0;line-height:1.5}@media (max-width: 900px){.contact-hero{padding:4.5rem 0 2rem}.contact-hero h1{font-size:2.25rem}.contact-body{padding:2rem 0 5rem}.contact-body .container{grid-template-columns:1fr;gap:2.5rem}.contact-info-col{position:static}.contact-form-card{padding:1.75rem;border-radius:16px}.contact-field-row{grid-template-columns:1fr;gap:1.25rem}}