.page-container{color:var(--color-text);margin-top:5rem}.contact-hero{text-align:center;border-bottom:1px solid var(--color-border);padding:3rem 1.25rem}.contact-hero h1{color:var(--color-primary);font-size:2.6rem;font-weight:700}.contact-hero p{color:var(--color-text-soft);margin-top:.75rem;font-size:1.1rem}.contact-cards{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:2rem;margin-top:4rem;display:grid}.contact-card{background:var(--color-bg-soft);border:1px solid var(--color-border);text-align:center;border-radius:.75rem;padding:2rem;transition:all .2s}.contact-card:hover{border-color:var(--color-primary);transform:translateY(-.25rem)}.contact-card h3{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;font-size:1.3rem;display:flex}.contact-card p{color:var(--color-text-soft);margin:.5rem 0 1.2rem;font-size:1rem}.contact-card a{color:var(--color-primary);font-weight:600;text-decoration:none}.contact-form{margin-top:4rem;padding-bottom:5rem}.contact-form textarea{margin-top:1.2rem}.contact-form h2{margin-bottom:2rem;font-size:2rem}form input,form textarea{border:1px solid var(--color-border);background:var(--color-bg);width:100%;color:var(--color-text);border-radius:.5rem;padding:1rem;font-size:1rem}form input:focus,form textarea:focus{outline:2px solid var(--color-primary)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1.2rem;margin-bottom:1.2rem;display:grid}form button{cursor:pointer;border:none;border-radius:.5rem;width:auto;margin-top:1.5rem;padding:1rem 2rem}.btn-primary{background:var(--color-primary);color:#fff;justify-content:center;align-items:center;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover{opacity:.9}@media (max-width:600px){.contact-hero h1{font-size:2rem}}
.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#0000008c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg);color:var(--color-text);text-align:center;border:1px solid var(--color-border);border-radius:1rem;width:90%;max-width:420px;padding:2rem;animation:.25s scaleIn;box-shadow:0 8px 30px #00000040}.modal-content.success{border-left:6px solid #2ecc71}.modal-content.error{border-left:6px solid #e74c3c}.modal-content h2{margin-bottom:1rem;font-size:1.5rem}.modal-content p{color:var(--color-text-soft);margin-bottom:1.5rem;font-size:1rem}.modal-btn{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:8px;padding:.7rem 1.4rem;font-weight:600;transition:all .2s}.modal-btn:hover{opacity:.85}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
.loader{border:3px solid #0000;border-top-color:var(--color-bg-soft);border-radius:50%;width:1.5rem;height:1.5rem;animation:.7s linear infinite spinner;display:inline-block}@keyframes spinner{to{transform:rotate(360deg)}}