.contact-page{min-height:100vh;background:#f8fafc;padding:40px 0 80px}.contact-header{text-align:center;margin-bottom:48px}.contact-header h1{font-size:42px;color:#0f172a;margin-bottom:12px}.contact-header p{color:#64748b;font-size:18px}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:40px;gap:40px;max-width:1200px;margin:0 auto}.contact-form-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:40px;box-shadow:0 4px 12px rgba(0,0,0,.04)}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-weight:600;color:#1e293b;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:16px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:#6366f1;color:#fff;padding:14px 24px;border:none;border-radius:10px;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s,transform .1s}.submit-btn:hover{background:#4f46e5}.submit-btn:active{transform:scale(.98)}.contact-info-section{display:flex;flex-direction:column;gap:20px}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 4px 12px rgba(0,0,0,.04);transition:transform .2s,box-shadow .2s}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.info-icon{font-size:32px;margin-bottom:12px}.info-card h3{font-size:18px;color:#0f172a;margin-bottom:8px}.info-card p{color:#64748b;margin-bottom:12px;font-size:14px}.contact-link{color:#6366f1;text-decoration:none;font-weight:600;transition:color .2s}.contact-link:hover{color:#4f46e5;text-decoration:underline}.chat-btn,.faq-btn{width:100%;padding:10px 16px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.chat-btn:hover,.faq-btn:hover{background:#f8fafc;border-color:#6366f1;color:#6366f1}.address{line-height:1.6;color:#64748b}.social-card{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.social-card h3,.social-card p{color:#fff}.social-links{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;margin-top:12px}.social-link{display:block;text-align:center;padding:10px 8px;background:hsla(0,0%,100%,.1);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s}.social-link:hover{background:hsla(0,0%,100%,.2)}.faq-card{background:#f1f5f9}.faq-card .info-icon{color:#6366f1}.response-time{margin-top:48px}.response-box{display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:16px;padding:32px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.response-icon{font-size:48px}.response-box h4{font-size:20px;margin-bottom:8px;color:#fff}.response-box p{color:#cbd5e1;margin:0}@media (max-width:968px){.contact-grid{grid-template-columns:1fr}.contact-form-section{padding:32px}}@media (max-width:768px){.contact-page{padding:24px 0 48px}.contact-header h1{font-size:32px}.contact-form-section{padding:24px}.response-box{flex-direction:column;text-align:center;padding:24px}.social-links{grid-template-columns:1fr}}