.contact-hero{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:80px 0 60px}.contact-hero-title{color:#fff;letter-spacing:-1px;margin-bottom:16px;font-size:2.8rem;font-weight:800}.contact-hero-subtitle{color:#ffffffb3;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.contact-methods{z-index:10;margin-top:-40px;padding:0;position:relative}.contact-methods-grid{grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto;display:grid}.contact-method-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;transition:var(--transition);border:1px solid var(--border-color);background:#fff;padding:32px}.contact-method-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.method-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.method-icon.chat{color:var(--primary-color);background:#06b6d41a}.method-icon.email{color:#8b5cf6;background:#8b5cf61a}.contact-method-card h3{color:var(--text-dark);margin-bottom:8px;font-size:1.3rem;font-weight:700}.method-availability{color:#10b981;margin-bottom:4px;font-size:.9rem;font-weight:600}.method-email{color:var(--primary-color);margin-bottom:4px;font-size:.95rem;font-weight:600}.method-desc{color:var(--text-secondary);margin-bottom:20px;font-size:.9rem}.contact-method-card .btn{width:100%}.contact-form-section{background:var(--bg-color);padding:80px 0}.form-container{border-radius:var(--radius-xl);max-width:700px;box-shadow:var(--shadow-md);border:1px solid var(--border-color);background:#fff;margin:0 auto;padding:48px}.form-container h2{color:var(--text-dark);text-align:center;margin-bottom:8px;font-size:1.8rem;font-weight:800}.form-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:32px;font-size:1rem}.contact-form{flex-direction:column;gap:24px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-dark);font-size:.9rem;font-weight:600}.form-group input,.form-group textarea,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-color);color:var(--text-dark);transition:var(--transition);padding:14px 18px;font-family:inherit;font-size:1rem}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 18px center;background-repeat:no-repeat;padding-right:40px}.form-group input:focus,.form-group textarea:focus,.form-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-light);background:#fff;outline:none}.form-group input:disabled,.form-group textarea:disabled,.form-select:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{justify-content:center;align-self:flex-start;align-items:center;gap:10px;display:inline-flex}.support-categories{background:#fff;padding:80px 0}.support-categories .section-title{text-align:center;margin-bottom:48px}.categories-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.category-card{background:var(--bg-color);border-radius:var(--radius-lg);text-align:center;transition:var(--transition);border:1px solid #0000;padding:28px}.category-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md);background:#fff;transform:translateY(-4px)}.category-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;display:flex}.category-icon.blue{color:var(--primary-color);background:#06b6d426}.category-icon.green{color:#10b981;background:#10b98126}.category-icon.purple{color:#8b5cf6;background:#8b5cf626}.category-icon.orange{color:#f97316;background:#f9731626}.category-card h4{color:var(--text-dark);margin-bottom:8px;font-size:1rem;font-weight:700}.category-card p{color:var(--text-secondary);font-size:.85rem}.chat-cta{background:var(--primary-color);padding:60px 0}.chat-cta-content{justify-content:space-between;align-items:center;gap:32px;display:flex}.chat-cta-text h2{color:#fff;margin-bottom:8px;font-size:1.6rem;font-weight:800}.chat-cta-text p{color:#fffc;font-size:1rem}.chat-cta .btn-white{color:var(--primary-color);border-radius:var(--radius-full);transition:var(--transition);background:#fff;flex-shrink:0;align-items:center;gap:10px;padding:16px 32px;font-size:1rem;font-weight:700;display:inline-flex}.chat-cta .btn-white:hover{box-shadow:var(--shadow-lg);background:#f0fdfa;transform:translateY(-2px)}body.dark-mode .contact-method-card{background:var(--bg-white);border-color:var(--border-color)}body.dark-mode .contact-method-card h3{color:var(--text-dark)}body.dark-mode .contact-form-section{background:var(--bg-color)}body.dark-mode .form-container{background:var(--bg-white);border-color:var(--border-color)}body.dark-mode .form-container h2,body.dark-mode .form-group label{color:var(--text-dark)}body.dark-mode .form-group input,body.dark-mode .form-group textarea,body.dark-mode .form-select{background:var(--bg-color);border-color:var(--border-color);color:var(--text-dark)}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus,body.dark-mode .form-select:focus,body.dark-mode .support-categories{background:var(--bg-white)}body.dark-mode .category-card{background:var(--bg-color)}body.dark-mode .category-card:hover{background:var(--bg-white);border-color:var(--border-color)}body.dark-mode .category-card h4{color:var(--text-dark)}@media (max-width:768px){.contact-hero-title{font-size:2rem}.contact-methods-grid{grid-template-columns:1fr}.form-container{padding:32px 24px}.form-row{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(2,1fr)}.chat-cta-content{text-align:center;flex-direction:column}.contact-form-section{padding:40px 0}}@media (max-width:480px){.categories-grid{grid-template-columns:1fr}}