.contact-section{background:linear-gradient(to bottom, var(--color-bg-base), #f0f4f8);padding:120px 0;position:relative}.contact-container{grid-template-columns:1fr 1.2fr;align-items:center;gap:80px;display:grid}.contact-info h2{color:var(--color-primary);margin-bottom:24px;font-size:2.5rem}.contact-details{flex-direction:column;gap:24px;display:flex}.contact-item{flex-direction:column;gap:4px;display:flex}.contact-item strong{color:var(--color-text-primary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.contact-item a{color:var(--color-primary);font-size:1.1rem;font-weight:600}.contact-form-wrapper{border-radius:var(--radius-xl);background:#fff;border:1px solid #e2e8f0cc;padding:48px;position:relative;box-shadow:0 20px 50px #0f172a14}.contact-form-wrapper:before{content:"";background:linear-gradient(135deg, var(--color-primary), var(--color-accent));z-index:-1;border-radius:calc(var(--radius-xl) + 2px);opacity:.3;filter:blur(10px);position:absolute;inset:-2px}.contact-form-title{color:var(--color-primary);margin-bottom:8px;font-size:2.2rem;font-weight:700}.contact-form-desc{color:var(--color-text-secondary);margin-bottom:32px;font-size:1rem}.contact-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.form-group input{border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);padding:16px 20px;font-family:inherit;font-size:1.05rem;transition:all .3s}.form-group input:focus{border-color:var(--color-primary);background-color:#fff;outline:none;box-shadow:0 0 0 4px #ff6b001a}.form-group input::placeholder{color:#94a3b8}.mt-4{margin-top:24px}.form-success{text-align:center;padding:40px 0;animation:.5s fadeIn}.form-success h3{color:#10b981;margin-bottom:16px;font-size:2rem}.form-error{color:var(--color-cta);text-align:center;background:#ff2e4c1a;border-radius:8px;padding:12px;font-weight:500}@media (max-width:992px){.contact-container{grid-template-columns:1fr;gap:40px}.contact-form-wrapper{padding:32px 24px}}
