*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background:#f5f5f5;}
.topbar{background:#101826;padding:15px 10px;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px rgba(0,0,0,0.3);}
.topbar-inner{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;}
.brand-mark img{width:162px;height:60px;object-fit:contain;}
.nav-links{display:none;gap:25px;}
.nav-links a{color:#fff;text-decoration:none;font-weight:500;transition:color 0.3s;}
.nav-links a:hover{color:#6db26b;}
.auth-controls{display:none;gap:12px;}
.btn-signin,.btn-signup{padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s;}
.btn-signin{background:transparent;color:#fff;border:2px solid #6db26b;}
.btn-signin:hover{background:#6db26b;color:#101826;}
.btn-signup{background:#6db26b;color:#101826;}
.btn-signup:hover{background:#5c9e5b;transform:translateY(-2px);}
.menu-toggle{display:flex;flex-direction:column;gap:5px;background:transparent;border:none;cursor:pointer;padding:5px;}
.menu-toggle span{width:28px;height:3px;background:#6db26b;transition:all 0.3s;}
.mobile-nav{display:none;flex-direction:column;background:#1a2332;padding:20px;position:absolute;top:100%;left:0;width:100%;box-shadow:0 4px 12px rgba(0,0,0,0.3);}
.mobile-nav a{color:#fff;padding:12px 0;text-decoration:none;font-weight:500;border-bottom:1px solid rgba(255,255,255,0.1);}
.mobile-nav a:hover{color:#6db26b;}
.btn-signin-mobile,.btn-signup-mobile{margin-top:10px;padding:12px;text-align:center;border-radius:6px;font-weight:600;}
.btn-signin-mobile{background:transparent;border:2px solid #6db26b;color:#6db26b;}
.btn-signup-mobile{background:#6db26b;color:#101826;}
.page-wrapper{max-width:1400px;margin:0 auto;padding:0 10px;}
.support-hero{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:60px 20px;margin:20px 0;border-radius:12px;position:relative;overflow:hidden;}
.support-hero::before{content:'💬';position:absolute;top:20px;right:20px;font-size:8rem;opacity:0.1;}
.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;color:#fff;}
.hero-content h1{font-size:2.2rem;margin-bottom:20px;color:#fff;line-height:1.2;}
.hero-content p{font-size:1.05rem;margin-bottom:30px;line-height:1.7;}
.cta-primary{display:inline-block;background:#101826;color:#6db26b;padding:16px 40px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all 0.3s;box-shadow:0 4px 15px rgba(0,0,0,0.3);}
.cta-primary:hover{background:#1a2332;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.5);}
.contact-methods{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.contact-methods h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.contact-methods>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:30px 0;}
.contact-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:25px;border-radius:8px;text-align:center;transition:transform 0.3s;}
.contact-card:hover{transform:translateY(-5px);}
.contact-icon{font-size:3rem;display:block;margin-bottom:12px;}
.contact-card h3{color:#6db26b;margin-bottom:12px;font-size:1.2rem;}
.contact-card p{color:#333;font-size:0.95rem;line-height:1.7;margin-bottom:15px;}
.contact-card strong{color:#101826;font-weight:600;}
.contact-btn{display:inline-block;background:#6db26b;color:#101826;padding:10px 24px;border-radius:6px;text-decoration:none;font-weight:600;transition:all 0.3s;margin-top:10px;}
.contact-btn:hover{background:#5c9e5b;transform:translateY(-2px);}
.common-issues{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.common-issues h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.common-issues>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.issues-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:30px 0;}
.issue-item{background:linear-gradient(135deg,#fff3e0,#ffe0b2);padding:25px;border-radius:8px;transition:transform 0.3s;}
.issue-item:hover{transform:translateY(-5px);}
.issue-item h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.issue-item p{color:#555;font-size:0.95rem;line-height:1.6;}
.faq-section{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.faq-section h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.faq-section>p{margin-bottom:20px;color:#444;font-size:1.02rem;}
.faq-container{display:flex;flex-direction:column;gap:15px;margin:25px 0;}
.faq-item{background:#f9f9f9;padding:20px;border-radius:8px;border-left:4px solid #6db26b;}
.faq-item h3{color:#6db26b;margin-bottom:10px;font-size:1.1rem;}
.faq-item p{color:#555;font-size:0.95rem;line-height:1.6;}
.cta-secondary{display:inline-block;background:#101826;color:#6db26b;padding:14px 36px;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.05rem;transition:all 0.3s;margin-top:25px;}
.cta-secondary:hover{background:#1a2332;transform:translateY(-2px);}
.response-times{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.response-times h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.response-times>p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.response-table{overflow-x:auto;margin:30px 0;}
.response-table table{width:100%;border-collapse:collapse;background:#f9f9f9;border-radius:8px;overflow:hidden;}
.response-table th,.response-table td{padding:14px 16px;text-align:left;font-size:0.95rem;}
.response-table thead{background:#6db26b;color:#fff;}
.response-table th{font-weight:600;}
.response-table tbody tr{border-bottom:1px solid #e0e0e0;}
.response-table tbody tr:last-child{border-bottom:none;}
.response-table td{color:#555;}
.complaint-resolution{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.complaint-resolution h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.complaint-resolution p{margin-bottom:16px;color:#444;font-size:1.02rem;}
.support-tips{background:#fff;padding:40px 20px;margin:30px 0;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.support-tips h2{color:#6db26b;margin-bottom:20px;font-size:1.8rem;}
.support-tips>p{margin-bottom:20px;color:#444;font-size:1.02rem;}
.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:30px 0;}
.tip-card{background:linear-gradient(135deg,#f3e5f5,#e1bee7);padding:25px;border-radius:8px;transition:transform 0.3s;}
.tip-card:hover{transform:translateY(-5px);}
.tip-card h3{color:#6db26b;margin-bottom:10px;font-size:1.2rem;}
.tip-card p{color:#555;font-size:0.95rem;line-height:1.6;}
.site-footer{background:#101826;color:#fff;padding:50px 20px 20px;margin-top:40px;}
.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:30px;}
.footer-section h4{color:#6db26b;margin-bottom:16px;font-size:1.2rem;}
.footer-nav{display:flex;flex-direction:column;gap:10px;}
.footer-nav a{color:#ccc;text-decoration:none;transition:color 0.3s;font-size:0.95rem;}
.footer-nav a:hover{color:#6db26b;}
.payment-icons,.provider-logos{display:flex;flex-wrap:wrap;gap:15px;align-items:center;}
.payment-icons img,.provider-logos img{filter:brightness(0.9);transition:filter 0.3s;}
.payment-icons img:hover,.provider-logos img:hover{filter:brightness(1.2);}
.license-info{color:#aaa;font-size:0.9rem;line-height:1.6;margin-bottom:12px;}
.age-restriction{color:#6db26b;font-weight:600;font-size:1rem;}
.footer-bottom{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.1);color:#888;font-size:0.9rem;}
@media(min-width:480px){
.hero-content h1{font-size:2.5rem;}
}
@media(min-width:768px){
.hero-content h1{font-size:2.8rem;}
.footer-content{grid-template-columns:repeat(2,1fr);}
}
@media(min-width:1080px){
.nav-links{display:flex;}
.auth-controls{display:flex;}
.menu-toggle{display:none;}
.hero-content h1{font-size:3rem;}
.footer-content{grid-template-columns:repeat(4,1fr);}
}