:root{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-tertiary:#1a1a1a;--card-bg:#1e1e1e;--card-hover:#252525;--accent:#fff;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#6b6b6b;--border:#2a2a2a;--border-light:#333;--success:#22c55e;--danger:#ef4444;--warning:#fbbf24;--info:#888888;--gradient-start:#ffffff;--gradient-end:#888888}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7}a{color:var(--gradient-start);text-decoration:none;transition:color .2s}a:hover{color:var(--gradient-end)}

/* Header */
.support-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:20px 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.support-header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.support-logo{display:flex;align-items:center;gap:12px;text-decoration:none}.support-logo img{height:28px}.support-nav{display:flex;align-items:center;gap:16px}.support-nav a{color:var(--text-secondary);font-size:14px;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .2s}.support-nav a:hover{color:var(--text-primary);background:var(--bg-tertiary)}.support-nav a.active{color:var(--gradient-start);background:rgba(255,255,255,.1)}

/* Container */
.support-container{max-width:1400px;margin:0 auto;padding:60px 5% 80px}

/* Hero */
.support-hero{text-align:center;margin-bottom:60px;padding:40px 0}.support-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:32px;color:#fff;box-shadow:0 10px 40px rgba(255,255,255,.3)}.support-title{font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-subtitle{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto}

/* Search Box */
.support-search{max-width:600px;margin:0 auto 60px;position:relative}.support-search input{width:100%;padding:16px 24px 16px 56px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:16px;transition:all .2s}.support-search input:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.support-search input::placeholder{color:var(--text-muted)}.support-search i{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:18px}

/* Back Button */
.support-back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px;font-weight:500;padding:10px 20px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;transition:all .2s;margin-bottom:40px}.support-back-btn:hover{color:var(--text-primary);background:var(--card-bg);border-color:var(--border-light)}

/* Categories Grid */
.support-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:60px}.support-category{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .3s;cursor:pointer;text-decoration:none}.support-category:hover{transform:translateY(-4px);border-color:var(--gradient-start);box-shadow:0 10px 40px rgba(255,255,255,.15)}.support-category-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(153,153,153,.15));border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:24px;color:var(--gradient-start)}.support-category-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.support-category-desc{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.support-category-count{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.support-category-count i{font-size:12px}

/* Articles List */
.support-articles{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden}.support-articles-header{padding:24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.support-articles-title{font-size:18px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px}.support-articles-title i{color:var(--gradient-start)}.support-article{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;transition:background .2s;text-decoration:none}.support-article:last-child{border-bottom:none}.support-article:hover{background:var(--bg-tertiary)}.support-article-content{flex:1}.support-article-title{font-size:15px;font-weight:500;color:var(--text-primary);margin-bottom:4px}.support-article-meta{font-size:13px;color:var(--text-muted)}.support-article-arrow{color:var(--text-muted);transition:all .2s}.support-article:hover .support-article-arrow{color:var(--gradient-start);transform:translateX(4px)}

/* FAQ Section */
.faq-section{margin-bottom:40px}.faq-section-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:20px;display:flex;align-items:center;gap:12px}.faq-section-title i{color:var(--gradient-start)}.faq-list{display:flex;flex-direction:column;gap:12px}

/* FAQ Item */
.faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:var(--border-light)}.faq-item.active{border-color:var(--gradient-start)}.faq-question{width:100%;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--text-primary);font-size:15px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s}.faq-question:hover{background:var(--bg-tertiary)}.faq-question i{color:var(--text-muted);transition:all .3s}.faq-item.active .faq-question i{transform:rotate(180deg);color:var(--gradient-start)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-item.active .faq-answer{max-height:500px}.faq-answer-content{padding:0 24px 20px;color:var(--text-secondary);font-size:14px;line-height:1.7}.faq-answer-content ul{margin:12px 0;padding-left:20px}.faq-answer-content li{margin-bottom:8px}.faq-answer-content a{color:var(--gradient-start)}

/* Contact Page */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.contact-info{display:flex;flex-direction:column;gap:24px}.contact-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s}.contact-card:hover{border-color:var(--border-light)}.contact-card-icon{width:48px;height:48px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(153,153,153,.15));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:20px;color:var(--gradient-start)}.contact-card-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.contact-card-text{font-size:14px;color:var(--text-secondary);line-height:1.6}.contact-card-link{display:inline-flex;align-items:center;gap:6px;color:var(--gradient-start);font-size:14px;font-weight:500;margin-top:12px}.contact-card-link:hover{gap:10px}

/* Contact Form */
.contact-form-container{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:40px}.contact-form-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.contact-form-subtitle{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.contact-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:14px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:14px;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--gradient-start);box-shadow:0 0 0 3px rgba(255,255,255,.1)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group textarea{min-height:150px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-submit{padding:16px 32px;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px}.form-submit:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,255,255,.3)}.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}

/* Quick Links */
.quick-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:40px}.quick-link{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:20px;display:flex;align-items:center;gap:14px;transition:all .2s;text-decoration:none}.quick-link:hover{background:var(--card-bg);border-color:var(--border-light)}.quick-link i{width:40px;height:40px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(153,153,153,.15));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gradient-start);font-size:16px}.quick-link span{font-size:14px;font-weight:500;color:var(--text-primary)}

/* Footer */
.support-footer{text-align:center;padding:40px 0;border-top:1px solid var(--border);margin-top:60px}.support-footer-links{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:20px;flex-wrap:wrap}.support-footer-links a{color:var(--text-secondary);font-size:14px;transition:color .2s}.support-footer-links a:hover{color:var(--gradient-start)}.support-footer-copyright{color:var(--text-muted);font-size:13px}

/* Toast Notification */
.toast{position:fixed;bottom:24px;right:24px;padding:16px 24px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px rgba(0,0,0,.4);transform:translateY(100px);opacity:0;transition:all .3s;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.toast.success{border-color:var(--success)}.toast.success i{color:var(--success)}.toast.error{border-color:var(--danger)}.toast.error i{color:var(--danger)}.toast-message{font-size:14px;color:var(--text-primary)}

/* Responsive */
@media (max-width:768px){.support-header-content{flex-direction:column;gap:16px}.support-nav{width:100%;justify-content:center;flex-wrap:wrap}.support-categories{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.support-hero{padding:20px 0;margin-bottom:40px}.support-title{font-size:28px}.support-subtitle{font-size:16px}.contact-form-container{padding:24px}}

/* Modal */
.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(4px)}.modal-overlay.show{opacity:1;visibility:visible}.modal{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;max-width:480px;width:90%;max-height:80vh;overflow:hidden;transform:scale(0.9) translateY(20px);transition:all .3s}.modal-overlay.show .modal{transform:scale(1) translateY(0)}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;color:var(--text-muted);font-size:24px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:24px;color:var(--text-secondary);font-size:15px;line-height:1.6}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px}.modal-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent}.modal-btn-primary{background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;border:none}.modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,255,255,.3)}.modal-error .modal-header{border-bottom-color:var(--danger)}.modal-error .modal-title{color:var(--danger)}

/* Help Category Articles */
.help-articles-grid{display:flex;flex-direction:column;gap:24px;margin-bottom:60px}.help-article-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:32px;transition:all .2s}.help-article-card:hover{border-color:var(--border-light)}.help-article-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.help-article-number{font-size:32px;font-weight:700;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.help-article-time{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.help-article-title{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.help-article-content{color:var(--text-secondary);font-size:15px;line-height:1.7}.help-article-content p{margin-bottom:16px}.help-article-content ul,.help-article-content ol{margin:16px 0;padding-left:24px}.help-article-content li{margin-bottom:10px}.help-article-content li strong{color:var(--text-primary)}.help-article-content a{color:var(--gradient-start)}.help-article-content a:hover{text-decoration:underline}

/* Help Notes */
.help-note{background:rgba(255,255,255,.1);border-left:4px solid var(--gradient-start);padding:16px 20px;border-radius:0 8px 8px 0;margin:20px 0;display:flex;align-items:flex-start;gap:12px}.help-note i{color:var(--gradient-start);font-size:18px;margin-top:2px}.help-note p{margin:0;font-size:14px;color:var(--text-secondary)}.help-note.warning{background:rgba(251,191,36,.1);border-left-color:var(--warning)}.help-note.warning i{color:var(--warning)}

/* Help Formula/Example */
.help-formula{background:var(--bg-tertiary);border:1px solid var(--border);padding:16px 20px;border-radius:8px;margin:16px 0;font-size:14px;color:var(--text-secondary);line-height:1.8}

/* Help Table */
.help-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.help-table th,.help-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}.help-table th{background:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.help-table td{color:var(--text-secondary)}.help-table tr:hover td{background:var(--bg-tertiary)}

/* Payment Methods Grid */
.payment-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:16px 0}.payment-method{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center}.payment-method i{font-size:32px;color:var(--gradient-start);margin-bottom:12px}.payment-method h4{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.payment-method p{font-size:13px;color:var(--text-muted);margin:0}

/* Related Categories */
.related-categories{margin-top:40px;padding-top:40px;border-top:1px solid var(--border)}.related-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.related-card{display:flex;align-items:center;gap:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s;text-decoration:none}.related-card:hover{background:var(--card-bg);border-color:var(--gradient-start)}.related-card i{width:44px;height:44px;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(153,153,153,.15));border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--gradient-start);font-size:18px}.related-card span{font-size:14px;font-weight:500;color:var(--text-primary)}

/* Code styling */
.help-article-content code{background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:monospace;font-size:13px;color:var(--gradient-start)}

/* Responsive for help articles */
@media (max-width:768px){.help-article-card{padding:24px}.help-article-number{font-size:24px}.help-article-title{font-size:18px}.payment-methods{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}}