@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#fafafa;--card-bg:#fff;--card-hover-bg:#f4f4f5;--border-color:#e4e4e7;--border-hover:#cbd5e1;--accent-color:#2563eb;--accent-glow:#2563eb14;--text-color:#09090b;--text-muted:#71717a;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);flex-direction:column;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.6;display:flex}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 24px}header{border-bottom:1px solid var(--border-color);z-index:100;-webkit-backdrop-filter:blur(12px);background:#ffffffe6;padding:16px 0;position:sticky;top:0}header .nav-container{justify-content:space-between;align-items:center;display:flex}.logo-wrapper{align-items:center;gap:10px;display:flex}.logo-wrapper img{border-radius:8px;width:32px;height:32px}.logo-wrapper span{color:#000;font-family:Outfit,sans-serif;font-size:19px;font-weight:800}.hamburger-btn{color:var(--text-color);cursor:pointer;background:0 0;border:none;padding:4px;font-size:24px;display:none}.nav-links{align-items:center;gap:24px;display:flex}.mobile-categories-wrapper{display:none}.nav-link{color:var(--text-muted);font-size:14.5px;font-weight:600;transition:color .15s}.nav-link:hover{color:var(--text-color)}.nav-link.active{color:var(--accent-color)}.help-layout{gap:40px;margin-top:40px;margin-bottom:60px;display:flex}.help-sidebar{flex-shrink:0;width:280px}.sidebar-title{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);margin-bottom:16px;padding-left:12px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700}.sidebar-menu{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.sidebar-item{color:var(--text-muted);cursor:pointer;border-radius:10px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sidebar-item:hover{background:var(--card-hover-bg);color:var(--text-color)}.sidebar-item.active{background:var(--accent-glow);color:var(--accent-color)}.help-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;flex-grow:1;padding:40px}.article-header{border-bottom:1px solid var(--border-color);margin-bottom:24px;padding-bottom:24px}.article-title{color:var(--text-color);letter-spacing:-.5px;margin-bottom:8px;font-family:Outfit,sans-serif;font-size:28px;font-weight:800}.article-meta{color:var(--text-muted);font-size:13px}.article-body{color:#3f3f46;font-size:15px;line-height:1.7}.article-body h3{color:var(--text-color);margin:28px 0 12px;font-family:Outfit,sans-serif;font-size:18px;font-weight:700}.article-body p{margin-bottom:16px}.article-body ul,.article-body ol{margin-bottom:16px;padding-left:20px}.article-body li{margin-bottom:6px}.article-body code{color:#09090b;background:#f4f4f5;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.tip-box{border-left:4px solid var(--accent-color);color:#1e3a8a;background:#eff6ff;border-radius:0 8px 8px 0;margin:24px 0;padding:16px;font-size:14.5px}footer{border-top:1px solid var(--border-color);color:var(--text-muted);text-align:center;background:#fff;margin-top:auto;padding:30px 0;font-size:13.5px}@media (max-width:768px){.help-layout{flex-direction:column;gap:24px;margin-top:20px;margin-bottom:40px}.help-sidebar{width:100%}.sidebar-menu{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.sidebar-item{padding:8px 12px;font-size:13px}.help-content{border-radius:16px;padding:24px 20px}.article-title{font-size:24px}header{padding:16px 0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.hamburger-btn{display:block}.nav-links{border-bottom:1px solid var(--border-color);z-index:10;background:#fff;flex-direction:column;gap:16px;width:100%;padding:16px 24px;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 15px -3px #0000000d}.nav-links.open{display:flex}.nav-link{text-align:left;width:100%;padding:8px 0}.desktop-only-sidebar{display:none!important}.mobile-categories-wrapper{border-top:1px solid var(--border-color);width:100%;margin-top:10px;padding-top:16px;display:block}.mobile-categories-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:12px;font-family:Outfit,sans-serif;font-size:11px;font-weight:700}.mobile-categories-list{flex-direction:column;gap:4px;max-height:250px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.mobile-categories-list li{color:var(--text-muted);cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:13.5px;font-weight:600;display:flex}.mobile-categories-list li.active{background:var(--accent-glow);color:var(--accent-color)}}@media (max-width:480px){.help-content{padding:20px 16px}.article-title{font-size:20px}.article-body{font-size:14px}}