.support-page{--primary-teal:teal;--text-secondary:#4a514c;--background:#e5eae6;--divider:rgba(0,0,0,.1);--card:#fff;--card-alt:#f8f9fa;--bg-primary:#fff;--bg-secondary:#e5eae6;--text-primary:#0a0a0a;--border-color:hsla(0,0%,4%,.08);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif;background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4;min-height:calc(100vh - 60px)}.support-page .support-container{max-width:800px;margin:0 auto;padding:80px 20px 40px}.support-page h1{font-size:34px;font-weight:700;color:var(--text-primary);margin-bottom:10px;text-align:center}.support-page .subtitle{font-size:16px;color:var(--text-secondary);text-align:center;margin-bottom:40px}.support-page .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:50px}.support-page .contact-card{background:var(--card);border:1px solid var(--divider);border-radius:12px;padding:24px;transition:transform .2s,box-shadow .2s}.support-page .contact-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.support-page .card-icon{width:40px;height:40px;background:rgba(0,128,128,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.support-page .card-icon svg{width:24px;height:24px;stroke:var(--primary-teal)}.support-page .card-title{font-size:18px;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.support-page .card-description{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:16px}.support-page .contact-btn{display:inline-block;padding:10px 20px;background:var(--primary-teal);color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:opacity .2s}.support-page .contact-btn:hover{opacity:.9}.support-page .contact-btn.secondary{background:transparent;color:var(--primary-teal);border:1.5px solid var(--primary-teal)}.support-page .faq-section{margin-top:60px}.support-page .faq-title{font-size:24px;font-weight:600;margin-bottom:24px;text-align:center;color:var(--text-primary)}.support-page .faq-item{background:var(--card-alt);border-radius:12px;padding:20px;margin-bottom:16px}.support-page .faq-question{font-size:16px;font-weight:600;color:var(--primary-teal);margin-bottom:8px}.support-page .faq-answer{font-size:14px;color:var(--text-secondary);line-height:1.5}.support-page .back-home{text-align:center;margin-top:40px}.support-page .back-link{color:var(--primary-teal);text-decoration:none;font-weight:600}.support-page .back-link:hover{text-decoration:underline}.support-page .support-footer{display:none}@media (prefers-color-scheme:dark){.support-page{--text-primary:#fff;--text-secondary:#a8afaa;--background:#000;--divider:hsla(0,0%,100%,.08);--card:#0a0a0a;--card-alt:#111;--bg-primary:#000;--bg-secondary:#0a0a0a;--border-color:hsla(0,0%,100%,.08);--primary-teal:#35c9b4}.support-page .contact-card{border-color:var(--divider)}.support-page .contact-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.7)}.support-page .card-icon{background:rgba(53,201,180,.12)}.support-page .contact-btn{color:#0a0a0a}.support-page .contact-btn.secondary{color:var(--primary-teal)}}