.contact-page{flex-direction:column;gap:72px;padding:120px 6vw 90px;display:flex}.contact-hero{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:center;gap:32px;display:grid}.contact-badge{background:var(--accent-soft);color:var(--accent-strong);text-transform:uppercase;letter-spacing:.15em;border-radius:999px;align-items:center;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.contact-hero h1{margin:16px 0 12px;font-family:Spacebook,Chakra Petch,Space Grotesk,sans-serif;font-size:clamp(2.3rem,4vw,3.4rem)}.contact-hero p{color:var(--text-muted);max-width:520px;margin:0}.contact-panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:16px;padding:22px;display:grid}.contact-panel h3{margin:0 0 6px;font-family:Chakra Petch,Space Grotesk,sans-serif}.contact-panel p{color:var(--text-muted);margin:0}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;display:grid}.contact-form{border:1px solid var(--line);background:#0c0c0cb3;border-radius:22px;gap:18px;padding:28px;display:grid}.field{gap:8px;display:grid}.field label{color:var(--text-muted);font-size:.9rem}.field input,.field textarea{color:#e6ebf5;background:#080808d9;border:1px solid #ffffff26;border-radius:12px;padding:12px 14px;font-family:inherit;font-size:.95rem}.field textarea{resize:none;scrollbar-width:none;-ms-overflow-style:none;overflow:auto}.field textarea::-webkit-scrollbar{width:0;height:0}.field input:focus,.field textarea:focus{border-color:#facc1599;outline:none;box-shadow:0 0 0 3px #facc1533}.field.full{grid-column:1/-1}.form-status{margin:0;font-size:.9rem}.form-status.error{color:var(--accent)}.contact-form .btn:disabled{opacity:.75;cursor:not-allowed;box-shadow:none;transform:none}.contact-info{gap:18px;display:grid}.info-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;gap:12px;padding:20px;display:grid}.info-card h3{margin:0;font-family:Chakra Petch,Space Grotesk,sans-serif}.info-card p{color:var(--text-muted);margin:0}.social-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.social-list a{color:#f5f5f5;align-items:center;gap:8px;font-weight:600;display:inline-flex}.social-list a span{color:var(--text-muted);font-weight:400}.social-list a:hover{color:var(--accent-strong)}@media (max-width:768px){.contact-page{padding-top:110px}}