.contact-hero{background-color:var(--color-surface-muted);background-image:radial-gradient(circle at 50% 100%,var(--color-primary-soft),transparent 50%);text-align:center;border-bottom:1px solid var(--color-border-base);width:100%;padding:150px 20px 80px;position:relative}.contact-hero-content{max-width:800px;margin:0 auto}.contact-hero h1{color:var(--color-text-base);margin-bottom:20px;font-size:clamp(2.5rem,6vw,4.5rem);line-height:1.2}.contact-hero h1 strong{color:var(--color-primary)}.contact-hero p{color:var(--color-text-muted);font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.contact-section{background-color:var(--color-surface-base);padding:80px 20px}.contact-wrapper{grid-template-columns:1fr 1.2fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.section-title{color:var(--color-text-base);margin-bottom:10px;font-size:2rem;font-weight:700}.section-title span{color:var(--color-primary)}.section-subtitle{color:var(--color-text-muted);margin-bottom:40px;font-size:1rem}.info-grid{flex-direction:column;gap:20px;display:flex}.info-card{background:var(--color-surface-alt);border:1px solid var(--color-border-base);border-radius:var(--radius-sm);transition:transform var(--transition-normal),border-color var(--transition-normal);align-items:center;gap:20px;padding:25px;display:flex}.info-card:hover{border-color:var(--color-primary);transform:translate(5px)}.info-icon{background:var(--color-primary-soft);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.info-card h3{color:var(--color-text-base);margin-bottom:5px;font-size:1.1rem}.info-card p{color:var(--color-text-muted);font-size:.95rem;line-height:1.5}.contact-form-container{background:var(--color-surface-base);border:1px solid var(--color-border-base);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:40px}.contact-form{flex-direction:column;gap:20px;display:flex}.form-group-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-base);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:var(--color-surface-base);border:1px solid var(--color-border-base);width:100%;color:var(--color-text-base);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none;padding:14px 16px;font-size:1rem}.form-group select option{background-color:var(--color-surface-base);color:var(--color-text-base)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);box-shadow:0 4px 14px var(--color-primary-soft);border:none;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:16px;font-size:1.1rem;font-weight:700;display:inline-flex}.submit-btn:hover{background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}@media screen and (max-width:900px){.contact-wrapper{grid-template-columns:1fr;gap:40px}.contact-form-container{padding:30px 20px}}@media screen and (max-width:600px){.form-group-row{grid-template-columns:1fr}}