.page-container{background-color:var(--bg-color);color:var(--text-color);text-align:center;min-height:60vh;padding:40px 20px 80px;transition:background-color .3s,color .3s}.contact-hero{color:#fff;background:linear-gradient(135deg,#0ea5e9 0%,#0f172a 60%);width:100%;margin-bottom:0;padding:70px 20px 40px;box-shadow:inset 0 -1px #ffffff0f}.contact-hero__content{text-align:left;max-width:1100px;margin:0 auto}.contact-hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;opacity:.85;margin-bottom:8px;font-size:12px}.contact-hero__title{margin:0 0 8px;font-size:2.6rem;font-weight:800}.contact-hero__lede{opacity:.9;color:#f8fafc;max-width:640px;font-size:1.05rem;line-height:1.5}[data-theme=dark] .contact-hero__lede{color:#e5f4ff}.contact-title{letter-spacing:-.02em;margin-bottom:28px;font-size:36px;font-weight:800}form{text-align:left;max-width:400px;margin:0 auto}label{color:var(--text-color);margin-bottom:5px;font-weight:700;display:block}input,textarea{border:1px solid var(--border-color);background-color:var(--card-bg-color);width:100%;color:var(--text-color);border-radius:5px;margin-bottom:12px;padding:10px;transition:background-color .3s,color .3s,border-color .3s}input:focus,textarea:focus{border-color:var(--accent-color);outline:none}button{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:10px 18px;font-weight:700;transition:background-color .3s}button:hover{background-color:var(--accent-hover-color)}.contact-button{background:linear-gradient(135deg,#0ea5e9 0%,#10b981 100%);border:none;box-shadow:0 12px 30px #0ea5e959}.contact-button:disabled{opacity:.75;cursor:not-allowed;box-shadow:none}.contact-button:hover:enabled{background:linear-gradient(135deg,#0ea5e9 0%,#0ea377 100%)}.contact-status{font-weight:600}p{color:var(--text-color);margin-top:20px}@media (max-width:1024px){.page-container{padding:60px 30px}form{width:90%}}@media (max-width:768px){.page-container{padding:50px 20px}form{width:100%}input,textarea{font-size:16px}button{width:100%}}@media (max-width:1024px){.page-container{padding:60px 40px}form{width:90%}input,textarea{font-size:17px}}@media (max-width:768px){.page-container{text-align:center;padding:50px 20px}form{width:100%}label{font-size:15px}input,textarea{font-size:16px}button{width:100%;font-size:16px}}