.contact-page-root{color:#0f172a;height:100%}.contact-hero{text-align:center;padding:20px}.hero-inner{text-align:center;max-width:1200px;margin:0 auto}.contact-title{margin-bottom:8px;font-family:serif;font-size:2rem}.hero-inner h1{letter-spacing:-.02em;margin:0 0 8px;font-size:2.25rem}.lead{color:#818b98;margin:1rem 0 0;font-family:serif;font-size:.9rem}.contact-container{max-width:1200px;margin:40px auto;padding:20px 5px}.contact-card{grid-template-columns:1fr 1fr;gap:28px;display:grid}.contact-left{padding:36px 40px}.contact-left h2{margin-top:0;font-size:1.25rem}.muted{color:#6b7280}.small{font-size:.9rem}.contact-info{flex-flow:column wrap;gap:24px;margin-top:18px;display:flex}.contact-info>div{min-width:160px}.contact-cta{margin-top:22px}.secondary-link{color:#111827;border-bottom:1px solid rgba(17,24,39,.06);margin-top:8px;padding-bottom:2px;text-decoration:none;display:inline-block}.contact-right{background:#fff;border-radius:12px;padding:26px;box-shadow:0 10px 40px rgba(16,24,40,.333)}.form-error{color:#b91c1c;background:#fff1f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:12px;padding:10px 12px}.sent-name{font-weight:700}.contact-form{flex-direction:column;gap:12px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}label{color:#0f172a;font-size:.95rem;display:block}input[type=text],input[type=email],textarea{color:#0f172a;background:#fff;border:1px solid #797979;border-radius:4px;outline:none;width:100%;margin-top:8px;padding:12px 14px;font-size:.95rem;transition:box-shadow .15s,border-color .15s}input:focus,textarea:focus{border-color:#6366f1;box-shadow:0 4px 14px rgba(99,102,241,.12)}textarea{height:10rem}.error{color:#ef4444;margin-top:6px;font-size:.85rem;display:block}.form-actions{gap:12px;margin-top:8px;display:flex}.btn{color:#fff;cursor:pointer;background:linear-gradient(#5225a1,#401c7d);border:none;border-radius:10px;width:100%;padding:15px 16px;font-weight:600}.btn[disabled]{opacity:.65;cursor:not-allowed}.btn.btn-outline{color:#111827;background:#ebeaee;border:1px solid #e6e9ef}.sent-state{text-align:center;padding:18px}@media (max-width:960px){.contact-card{grid-template-columns:1fr}.contact-right{order:2}.contact-left{order:1}}@media (max-width:520px){.hero-inner h1{font-size:1.6rem}.form-row{grid-template-columns:1fr}}