:root{--sb-bg: #101a18;--sb-surface: #111313;--sb-muted: #a0b3aa;--sb-text: #e6f0ef;--sb-accent: #73e706;--sb-secondary: #008074;--sb-border: #0c2c25;--sb-radius: 12px;--sb-shadow: 0 8px 30px rgba(0, 0, 0, .6);--max-width: 1200px;--gap: 20px;--transition: .18s ease;--fw-medium: 600;--fw-bold: 800;--bp-sm: 600px;--bp-md: 900px;--bp-lg: 1200px}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--sb-bg);color:var(--sb-text);line-height:1.5;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px;margin-bottom:1.5rem}.grid{display:grid;gap:var(--gap)}.grid.resp{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(1,1fr)}.sb-header{background:transparent;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.04)}.logo img{width:158px;max-height:48px;padding-right:20px;border-right:2px solid rgba(138,136,136,.15)}.top-nav a{color:var(--sb-muted);margin-left:14px;text-decoration:none;font-weight:500}.top-nav a:hover{color:var(--sb-accent)}.hero{padding:28px 0 20px;text-align:center}.hero h1{font-size:22px;margin:0 0 6px;font-weight:700}.hero p{color:var(--sb-muted);margin-bottom:12px}.search-box{display:flex;align-items:center;gap:8px;background:var(--sb-surface);border:1px solid var(--sb-border);padding:10px;border-radius:var(--sb-radius);width:100%;box-shadow:var(--sb-shadow)}.search-box input{flex:1;border:none;background:transparent;color:var(--sb-text);font-size:15px;outline:none}.search-box button{background:var(--sb-accent);border:none;padding:9px 14px;border-radius:10px;font-weight:600;cursor:pointer;color:#000}.card{background:#2c3836;border:1px solid var(--sb-border);border-radius:var(--sb-radius);padding:16px;box-shadow:var(--sb-shadow);transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0009}button,.sb-btn,.search-box button{background:var(--sb-accent);color:#000;border:none;padding:10px 14px;border-radius:10px;font-weight:var(--fw-medium);cursor:pointer;transition:var(--transition)}button:hover,.sb-btn:hover,.search-box button:hover{background:var(--sb-secondary)}button.outline,.sb-btn.outline{background:transparent;border:1px solid var(--sb-accent);color:var(--sb-accent)}button.outline:hover,.sb-btn.outline:hover{background:#73e70614}h1,h2,h3{color:var(--sb-text);margin:0}h1{font-size:18px}.small{font-size:14px;color:var(--sb-muted)}a{color:inherit;text-decoration:none}a:hover{color:var(--sb-accent)}.categories{margin-top:18px}.categories h2{text-align:center;margin-bottom:12px}.category-card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);border:1px solid var(--sb-border);min-height:110px}.category-card .title{font-weight:700;color:var(--sb-text)}.category-card .desc{color:var(--sb-muted);font-size:14px}.help-grid{display:grid;gap:18px;grid-template-columns:repeat(1,1fr);margin-top:16px}.help-card{padding:16px;border-radius:12px;background:var(--sb-surface);border:1px solid var(--sb-border);box-shadow:0 0 22px #00000073;transition:transform .2s,box-shadow .25s}.help-card h3{margin:0 0 6px;font-size:16px}.help-card p{margin:0;color:var(--sb-muted);font-size:14px}.article-list{display:flex;flex-direction:column;gap:10px}.article-list a{color:var(--sb-accent)}.card .thumb{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px}.card h3{color:var(--sb-accent);margin-bottom:8px}.card p{color:var(--sb-text);opacity:.9;line-height:1.5}.article-page{display:flex;flex-direction:row;gap:18px;padding:10px 0}.sidebar{width:100%;flex-shrink:0;max-height:none;border-right:none;padding:0;margin:0}.sidebar h3{margin:0 0 10px;font-size:16px}.categories{list-style:none;padding:0;margin:0}.category{margin-bottom:12px}.category-name{font-weight:700;display:block;margin-bottom:8px;color:var(--sb-text)}.active-category .category-name{color:var(--sb-accent)}.articles-list{list-style:none;padding-left:10px;margin:0}.article-link{display:block;color:var(--sb-muted);margin-bottom:6px;transition:color .18s}.article-link:hover{color:var(--sb-accent)}.active-article{font-weight:700;color:var(--sb-accent)}.article-box{background:var(--sb-surface);padding:18px;border-radius:var(--sb-radius);border:1px solid var(--sb-border);box-shadow:var(--sb-shadow);line-height:1.7}.article-box h1{font-size:20px;font-weight:800;margin-bottom:10px}.article-box .excerpt{color:var(--sb-muted);font-size:14px;margin-bottom:14px}.article-box .content{margin-top:12px;font-size:15px}.support{margin-top:20px}.support .grid{gap:14px}.support-box{position:relative;padding:16px;border-radius:12px;background:#2c3836;border:1px solid var(--sb-border)}.support-box strong{display:block;font-size:16px;margin-bottom:6px}.support-box .small{color:var(--sb-muted);font-size:13px;margin:0}.support-box .sb-btn{margin-top:12px;padding:10px 12px;border-radius:10px}.support .support-box:before{content:"";position:absolute;right:12px;top:12px;font-size:30px;line-height:1;transform:translateZ(0)}.support .grid>.support-box:nth-child(1):before{content:"💬"}.support .grid>.support-box:nth-child(2):before{content:"✉️"}.support .grid>.support-box:nth-child(3):before{content:"📞"}.sidebar::-webkit-scrollbar{width:8px}.sidebar::-webkit-scrollbar-track{background:#0f362f;border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background-color:var(--sb-accent);border-radius:4px}.sidebar{scrollbar-width:thin;scrollbar-color:var(--sb-accent) #0f362f}@media (min-width: 480px){.hero h1,.article-box h1{font-size:24px}}@media (min-width: var(--bp-md)){.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.help-grid{grid-template-columns:repeat(2,1fr)}.article-page{flex-direction:row;align-items:flex-start}.sidebar{width:280px;flex-shrink:0;max-height:70vh;overflow-y:auto;border-right:1px solid var(--sb-border);padding-right:1rem;margin-right:1rem}.article-box{flex:1}.hero{padding:40px 0 28px}.hero h1{font-size:34px}.search-box{width:720px;max-width:95%}.support .support-box:before{right:auto;left:12px;top:16px;font-size:28px}.support .support-box{padding-left:56px}.card .thumb{height:180px}}@media (min-width: var(--bp-lg)){.help-grid{grid-template-columns:repeat(3,1fr)}.hero h1{font-size:40px}.search-box{width:900px}.card .thumb{height:200px}}a:focus,button:focus,input:focus,textarea:focus{outline:3px solid rgba(115,231,6,.12);outline-offset:2px}input,textarea{border-radius:10px;padding:10px;border:1px solid var(--sb-border);background:#081018;color:var(--sb-text);outline:none}input:focus,textarea:focus{border-color:var(--sb-accent);box-shadow:0 6px 20px #73e7060f}.help-header{margin-bottom:18px;padding-left:12px;border-left:4px solid var(--sb-accent)}.logo{color:var(--sb-accent);font-weight:var(--fw-bold);font-size:20px}.sb-footer{padding:36px 0;color:var(--sb-muted);border-top:1px solid rgba(255,255,255,.05);margin-top:40px;text-align:center;font-size:14px}.mobile-hamburger{display:block;background:var(--sb-accent);color:#000;padding:10px 14px;border:none;border-radius:10px;font-weight:700;font-size:15px;margin:10px 0;cursor:pointer}.close-sidebar{display:none;background:transparent;border:none;color:var(--sb-text);font-size:22px;margin-bottom:10px;cursor:pointer}.sidebar-overlay{display:none}.sidebar-overlay.show{display:block;position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(2px);z-index:9}.sidebar{position:fixed;top:0;bottom:0;left:-320px;width:260px;background:var(--sb-surface);border-right:1px solid var(--sb-border);padding:20px;z-index:9999;transition:left .25s ease;overflow-y:auto}.sidebar.open{left:0}.support .grid.cols-3{padding-top:10px}@media (min-width: 900px){.mobile-hamburger{display:none}.sidebar{position:static;width:280px;height:auto;left:0;padding:0;border-right:1px solid var(--sb-border)}.close-sidebar{display:none}.sidebar-overlay{display:none!important}}