:root{--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #e94cff 100%)}.contact-page{background:var(--background);color:var(--text)}.contact-hero{background:var(--gradient-primary);padding:var(--spacing-2xl) var(--spacing-xl);color:#fff;text-align:center;margin-bottom:var(--spacing-2xl);border-bottom:1px solid rgba(255,255,255,.1)}.contact-hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;margin-bottom:var(--spacing-md);letter-spacing:-.02em}.contact-hero p{font-size:1.125rem;opacity:.95;max-width:600px;margin:0 auto}.contact-info-grid{max-width:1320px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.contact-card{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease;text-decoration:none;color:inherit}.contact-card:hover{border-color:#3b82f6;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.contact-icon{font-size:1.75rem;flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.contact-card h3{font-size:1rem;font-weight:700;color:var(--text);margin:0}.contact-card p{font-size:.95rem;color:var(--text-secondary);margin:0;line-height:1.5}.contact-container{max-width:1320px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.contact-form-section{display:flex;flex-direction:column}.contact-form-section h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-label,.form-group label{font-size:.95rem;font-weight:600;color:var(--text)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;background:var(--surface);color:var(--text);transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:150px}.form-input,.form-textarea{padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;background:var(--surface);color:var(--text);transition:all .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;min-height:150px}.input-error{border-color:#dc2626!important;background:#dc26260d}.error-message{color:#dc2626;font-size:.875rem;font-weight:500;margin-top:-var(--spacing-xs)}.contact-sent{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-2xl) var(--spacing-xl);background:linear-gradient(135deg,#10b9811a,#3b82f61a);border:2px solid #10b981;border-radius:var(--radius-lg);text-align:center}.success-icon{width:60px;height:60px;border-radius:50%;background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.contact-sent h3{font-size:1.5rem;font-weight:700;color:var(--text);margin:0}.contact-sent p{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:0}.form-error{color:#dc2626;font-size:.875rem;margin-top:-var(--spacing-sm)}.form-success{padding:var(--spacing-md) var(--spacing-lg);background:#10b9811a;border:1px solid #10b981;border-radius:var(--radius-md);color:#10b981;font-weight:500;display:flex;align-items:center;gap:var(--spacing-md)}.submit-button{padding:var(--spacing-md) var(--spacing-lg);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.submit-button:disabled{opacity:.6}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.submit-button:disabled{cursor:not-allowed}.contact-details-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.contact-details-section h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg)}.details-box{padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all .3s ease}.details-box:hover{border-color:#3b82f6;box-shadow:var(--shadow-md)}.details-box h3{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:var(--spacing-md);margin-top:0}.details-box ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.details-box li{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.details-box p{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#3b82f61a;color:#3b82f6;text-decoration:none;font-weight:600;transition:all .2s ease}.social-links a:hover{background:var(--gradient-primary);color:#fff;transform:translateY(-2px)}.contact-info-section{display:flex;flex-direction:column;gap:var(--spacing-xl)}.contact-info-section h2{font-size:1.75rem;font-weight:700;margin-bottom:var(--spacing-lg)}.info-cards{display:flex;flex-direction:column;gap:var(--spacing-lg)}.info-card{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .3s ease}.info-card:hover{border-color:#3b82f6;box-shadow:var(--shadow-md)}.info-icon{font-size:2rem;flex-shrink:0}.info-content{flex:1}.info-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.info-value{font-size:1.1rem;font-weight:500;color:var(--text);text-decoration:none;transition:color .2s}.info-value:hover{color:#3b82f6}.social-links{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:var(--surface);border:1px solid var(--border-color);color:var(--text);font-size:1.5rem;text-decoration:none;transition:all .2s ease}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:#3b82f6;transform:translateY(-4px)}.contact-faq{padding:var(--spacing-2xl) var(--spacing-xl);margin-bottom:var(--spacing-2xl);background:var(--surface);border:1px solid var(--border-color)}.contact-faq h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-xl);text-align:center}.faq-grid{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}.faq-item{padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all .2s ease}.faq-item:hover{border-color:#3b82f6}.faq-item summary{font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);color:var(--text);user-select:none}.faq-item summary::marker{display:none}.faq-item summary:before{content:"▶";display:inline-flex;align-items:center;font-size:.8rem;color:#3b82f6;transition:transform .2s ease;margin-right:auto;width:20px}.faq-item[open] summary:before{transform:rotate(90deg)}.faq-item p{color:var(--text-secondary);line-height:1.6;margin-top:var(--spacing-md);margin-bottom:0}.contact-cta{padding:var(--spacing-2xl) var(--spacing-xl);text-align:center;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-2xl) var(--spacing-xl)}.cta-content{max-width:600px;margin:0 auto}.contact-cta h2{font-size:2rem;font-weight:700;margin-bottom:var(--spacing-md)}.contact-cta p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xl);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.contact-hero{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-xl)}.contact-hero h1{font-size:2rem}.contact-container{grid-template-columns:1fr;gap:var(--spacing-xl);padding:0 var(--spacing-lg)}.contact-faq{padding:var(--spacing-xl) var(--spacing-lg)}.contact-cta{margin:var(--spacing-xl) var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg)}.social-links{justify-content:flex-start;overflow-x:auto}}@media(max-width:480px){.contact-hero{padding:var(--spacing-lg) var(--spacing-md)}.contact-hero h1{font-size:1.5rem}.contact-container{gap:var(--spacing-lg);padding:0 var(--spacing-md)}.contact-form,.info-cards{gap:var(--spacing-md)}.form-input,.form-textarea,.info-card{padding:var(--spacing-md)}.info-icon{font-size:1.5rem}.contact-faq{padding:var(--spacing-lg) var(--spacing-md)}.faq-item{padding:var(--spacing-md)}.contact-cta{margin:var(--spacing-lg) var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md)}.contact-cta h2{font-size:1.25rem}.cta-button{width:100%;padding:var(--spacing-md) var(--spacing-lg)}}