.contact-header{text-align:center;background:var(--bg-secondary);opacity:0;z-index:1;padding:6rem 2rem 5rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.contact-header.visible{opacity:1;transform:translateY(0)}.contact-header-content{max-width:800px;margin:0 auto}.header-badge{color:var(--accent);background:#0ca6781a;border:1px solid #0ca67833;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;display:inline-block}.darkMode .header-badge{background:#00ff881a;border-color:#0f83}.contact-header h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.2}.header-subtitle{color:var(--text-secondary);max-width:90%;margin:0 auto;font-size:clamp(1.1rem,2vw,1.25rem);line-height:1.7}@media (max-width:768px){.contact-header{padding:4rem 1.5rem 3rem}}
.contact-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}.contact-form:before{content:"";background:var(--gradient);height:3px;position:absolute;top:0;left:0;right:0}.contact-form h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.form-description{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}.contact-form label{color:var(--text-primary);margin-bottom:1rem;font-weight:500;display:block}.contact-form input,.contact-form textarea{border:1px solid var(--border);background:var(--bg-primary);width:100%;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;border-radius:10px;margin-top:.5rem;padding:.9rem 1rem;font-size:1rem;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--text-secondary);opacity:.7}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);background:var(--bg-primary);outline:none;box-shadow:0 0 0 3px #0ca6781a}.contact-submit-btn{background:var(--accent);color:var(--bg-primary);cursor:pointer;font-size:1.05rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;margin-top:.5rem;padding:1rem 2rem;transition:all .3s;display:inline-flex}.darkMode .contact-submit-btn{color:#000}.lightMode .contact-submit-btn{color:#fff}.contact-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.contact-submit-btn:disabled{opacity:.6;cursor:not-allowed}.form-success{color:var(--success);margin-top:1rem}.form-error{color:var(--error);margin-top:1rem}@media (max-width:768px){.contact-form{min-width:100%}}
.contact-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}.contact-info:before{content:"";background:var(--gradient);height:3px;position:absolute;top:0;left:0;right:0}.contact-info h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.5rem;font-weight:600}.contact-info p{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.7}.contact-info ul{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.contact-info li{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex}.contact-info li:hover{border-color:var(--accent);transform:translate(5px);box-shadow:0 4px 12px #00000014}.contact-info li span{color:var(--text-primary);line-height:1.6}.contact-info li span strong{color:var(--text-primary);margin-bottom:.25rem;font-weight:600;display:block}.contact-icon{color:var(--accent);flex-shrink:0;margin-top:.2rem}@media (max-width:768px){.contact-info{min-width:100%}}
.contact-cta{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:16px;padding:2.5rem;position:relative;overflow:hidden}.contact-cta:before{content:"";background:var(--gradient);height:3px;position:absolute;top:0;left:0;right:0}.contact-cta h4{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:600}.contact-cta p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.cta-btn{background:var(--accent);color:var(--bg-primary);border-radius:10px;justify-content:center;align-items:center;width:100%;padding:1rem 2rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.darkMode .cta-btn{color:#000}.lightMode .cta-btn{color:#fff}.cta-btn:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}.cta-btn span{display:inline}
.contact-content-section{background:var(--bg-primary);z-index:1;opacity:0;padding:5rem 2rem;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.contact-content-section.visible{opacity:1;transform:translateY(0)}.contact-content{grid-template-columns:1.2fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.contact-info-wrapper{flex-direction:column;gap:2rem;display:flex}@media (max-width:1024px){.contact-content{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.contact-content-section{padding:4rem 1.5rem}.contact-content{gap:2.5rem}}
.contact-page{width:100%;color:var(--text-primary);background:var(--bg-secondary)}.contact-page>section:not(:first-child),.contact-page>div:not(:first-child){position:relative}.contact-page>section:not(:first-child):before,.contact-page>div:not(:first-child):before{content:"";background:linear-gradient(90deg,transparent,var(--border)20%,var(--border)80%,transparent);opacity:.3;z-index:0;width:80%;max-width:1200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}