.contact-page{max-width:960px;color:var(--text);margin:60px auto 80px;padding:0 22px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;animation:.25s contactFadeIn}.contact-hero{text-align:center;background:linear-gradient(135deg,var(--hero-grad-1),var(--hero-grad-2));border:1px solid var(--card-border);box-shadow:var(--shadow-md);border-radius:20px;margin-bottom:48px;padding:60px 26px}.contact-hero h1{letter-spacing:-.02em;color:var(--text-strong);font-size:max(32px,min(4vw,42px));font-weight:900}.contact-hero p{margin-top:12px;max-width:680px;color:var(--text-muted);margin-left:auto;margin-right:auto;font-size:17px;line-height:1.65}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:56px;display:grid}.contact-card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);border-radius:18px;padding:24px 26px;transition:transform .25s,box-shadow .25s}.contact-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.contact-card h3{color:var(--text-strong);margin-bottom:6px;font-size:20px;font-weight:800}.contact-card p{color:var(--text-muted);margin-bottom:12px;font-size:15.5px}.contact-card a{color:var(--accent);font-size:15px;font-weight:700;text-decoration:none}.contact-card a:hover{text-decoration:underline}.contact-form-section{margin-bottom:80px}.contact-form-section h2{color:var(--text-strong);margin-bottom:6px;font-size:28px;font-weight:800}.contact-form-subtext{color:var(--text-muted);margin-bottom:22px;font-size:15.5px}.contact-form{flex-direction:column;gap:18px;display:flex}.form-row{gap:18px;display:flex}.form-row input{flex:1}.contact-form input,.contact-form textarea{border:1px solid var(--card-border);background:var(--surface);width:100%;color:var(--text);resize:none;border-radius:12px;padding:14px 16px;font-size:15px;transition:border-color .25s,box-shadow .25s,background-color .25s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-muted)}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.contact-form textarea{min-height:150px;line-height:1.6}.contact-form button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:15px;font-size:16px;font-weight:700;transition:transform .25s,box-shadow .25s,opacity .25s}.contact-form button:hover{opacity:.94;transform:translateY(-2px);box-shadow:0 6px 22px rgba(37,99,235,.28)}@keyframes contactFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.contact-page{padding:0 16px}.contact-hero{padding:44px 20px}.contact-hero h1{font-size:28px}.contact-hero p{font-size:15.5px}.form-row{flex-direction:column}}html[data-theme=dark] .contact-card{background:#020617}