.contact-page{background:var(--var-bodyBg);min-height:100vh;font-family:var(--font-primary)}.contact-hero{background:url(/hero.webp) 50%/cover;justify-content:center;align-items:center;height:50vh;min-height:340px;display:flex;position:relative}.contact-overlay{background:linear-gradient(#000000bf,#000000d1);position:absolute;inset:0}.contact-hero-content{z-index:2;text-align:center;color:#fff;max-width:750px;padding:20px;position:relative}.contact-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;margin:0 auto 20px;display:flex}.contact-hero-content h1{margin-bottom:15px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.contact-hero-content p{color:#ffffffd9;line-height:1.8}.contact-container{grid-template-columns:350px 1fr;gap:30px;max-width:1200px;margin:auto;padding:70px 20px;display:grid}.contact-info{flex-direction:column;gap:20px;display:flex}.info-card{background:#fff;border:1px solid #eee;border-radius:18px;align-items:flex-start;gap:15px;padding:22px;display:flex}.info-card svg{color:var(--primary);flex-shrink:0}.info-card h3{color:var(--text-primary);margin-bottom:5px}.info-card p{color:var(--text-secondary);line-height:1.6}.contact-form-card{background:#fff;border:1px solid #eee;border-radius:24px;padding:35px}.contact-form-header{margin-bottom:25px}.contact-form-header h2{color:var(--text-primary);margin-bottom:10px}.contact-form-header p{color:var(--text-secondary)}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--text-primary);margin-bottom:8px;font-weight:600}.form-group input,.form-group textarea{font-size:15px;font-family:var(--font-primary);background:#fff;border:1px solid #ddd;border-radius:14px;outline:none;padding:14px;transition:all .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary)}.contact-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:15px 20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.contact-btn:hover{opacity:.9}@media (max-width:900px){.contact-container{grid-template-columns:1fr}}@media (max-width:768px){.contact-form-card{padding:25px}}