:root{--bg:#060609;--bg-2:#0d0d14;--bg-3:#11111a;--surface:#151522;--surface-2:#1a1a2a;--border:#1e1e32;--border-2:#2a2a44;--accent:#00d4ff;--accent-dim:#00d4ff14;--green:#00e676;--yellow:#ffb300;--red:#ff3d3d;--purple:#b47cff;--orange:#ff6b35;--text:#eeeef5;--text-2:#9090b8;--text-3:#484870;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display:"Syne", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-serif:"Instrument Serif", serif;--radius:12px;--radius-sm:8px}[data-theme=light]{--bg:#f8fafc;--bg-2:#f1f5f9;--bg-3:#fff;--surface:#f1f5f9;--surface-2:#e2e8f0;--border:#e2e8f0;--border-2:#cbd5e1;--accent:#0284c7;--accent-dim:#0284c714;--green:#16a34a;--yellow:#d97706;--red:#dc2626;--purple:#7c3aed;--orange:#ea580c;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.6;transition:background-color .25s,color .25s;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-2)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:3px}.card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius);transition:background-color .25s,border-color .25s,box-shadow .25s}.btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);white-space:nowrap;border:none;align-items:center;gap:8px;padding:12px 24px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--accent), #09c);color:#000}.btn-primary:hover:not(:disabled){opacity:.88;transform:scale(1.02)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-2);border:1px solid var(--border-2);color:var(--text-2)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.input-field{background:var(--bg-2);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);width:100%;font-family:var(--font-mono);outline:none;padding:13px 16px;font-size:13px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00d4ff14}.input-field::placeholder{color:var(--text-3)}.badge{font-size:10px;font-weight:700;font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.badge-pass{color:var(--green);background:#00e6761a;border:1px solid #00e67633}.badge-fail{color:var(--red);background:#ff3d3d1a;border:1px solid #ff3d3d33}.badge-warn{color:var(--yellow);background:#ffb3001a;border:1px solid #ffb30033}.badge-info{color:var(--accent);background:#00d4ff1a;border:1px solid #00d4ff33}.badge-gray{color:var(--text-3);background:#52527a1f;border:1px solid #52527a33}@keyframes scanLine{0%{top:-2px}to{top:100%}}.scan-line{background:linear-gradient(90deg, transparent, var(--accent), transparent);pointer-events:none;z-index:1;height:2px;animation:2s linear infinite scanLine;position:absolute;left:0;right:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.fade-in{animation:.4s both fadeIn}.spinner{border:2px solid #00d4ff33;border-top-color:var(--accent);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}.landing-tool-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:680px;display:grid}@media (max-width:768px){.landing-tool-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.landing-tool-grid{grid-template-columns:1fr}}.platform-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px;display:flex}@media (max-width:1024px){.platform-container{flex-direction:column;padding:12px}}.desktop-sidebar{flex-shrink:0;align-self:flex-start;width:240px;margin-right:24px;transition:width .25s cubic-bezier(.4,0,.2,1);position:sticky;top:80px}@media (max-width:1024px){.desktop-sidebar{display:none!important}}.mobile-tabs-container{display:none!important}.mobile-drawer-overlay{display:none}@media (max-width:1024px){.mobile-drawer-overlay{display:block}}.mobile-menu-toggle{display:none!important}@media (max-width:1024px){.mobile-menu-toggle{justify-content:center;align-items:center;display:flex!important}}.navbar-content{justify-content:space-between;align-items:center;gap:16px;max-width:1400px;height:64px;margin:0 auto;padding:0 24px;display:flex}@media (max-width:768px){.navbar-content{flex-direction:column;align-items:stretch;gap:12px;height:auto;padding:16px}}.grid-responsive-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:768px){.grid-responsive-2{grid-template-columns:1fr}}.grid-responsive-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:768px){.grid-responsive-3{grid-template-columns:1fr}}.grid-responsive-5{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}@media (max-width:1024px){.grid-responsive-5{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-responsive-5{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-responsive-5{grid-template-columns:1fr}}.card-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}@media (max-width:640px){.card-header-flex{flex-direction:column;align-items:stretch!important}.card-header-flex input{width:100%;max-width:100%!important}}.keywords-grid-layout{grid-template-columns:240px 1fr;align-items:start;gap:20px;display:grid}@media (max-width:900px){.keywords-grid-layout{grid-template-columns:1fr}}.sticky-panel{position:sticky;top:80px}@media (max-width:900px){.sticky-panel{position:static!important}}.landing-action-btn{flex-grow:0}@media (max-width:640px){.landing-action-btn{flex-grow:1;width:100%}}.guide-content{font-family:var(--font-sans);color:var(--text-2);line-height:1.7}.guide-content h2{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin-top:10px;margin-bottom:12px;font-size:20px;font-weight:700}.guide-content h3{font-family:var(--font-display);color:var(--text);margin-top:24px;margin-bottom:10px;font-size:15px;font-weight:600}.guide-content h4{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.guide-content p{margin-bottom:16px;font-size:13px}.guide-content p.lead{color:var(--text-2);font-size:14px;line-height:1.6}.guide-content strong{color:var(--text);font-weight:600}.guide-content ul,.guide-content ol{margin-bottom:18px;padding-left:20px}.guide-content li{margin-bottom:8px;font-size:13px}.guide-content pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);margin:18px 0;padding:14px 16px;overflow-x:auto}.guide-content code{font-family:var(--font-mono);color:var(--accent);font-size:12px}.guide-header-badge{background:var(--accent-dim);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;border:1px solid #00d4ff26;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.guide-card-accent{background:var(--bg-2);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:20px 0;padding:14px 18px}.guide-card-accent p{margin-bottom:0;font-size:12.5px;line-height:1.6}.guide-alert-info{color:var(--green);border-radius:var(--radius-sm);background:#00e6760d;border:1px dashed #00e67640;gap:12px;margin:20px 0;padding:12px 16px;font-size:12.5px;display:flex}.guide-container{box-shadow:0 8px 30px -10px #0003}@keyframes shimmer-bg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.shiny-button{font-family:var(--font-display);font-weight:800;color:#000!important;background:linear-gradient(135deg,#00d4ff,#00e676,#b47cff,#00d4ff) 0 0/300% 300%!important;border:1px solid #ffffff40!important;transition:all .2s!important;animation:4s infinite shimmer-bg!important;box-shadow:0 0 15px #00d4ff33!important}.shiny-button:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 0 25px #00d4ff73!important}.shiny-button:disabled{opacity:.5;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-3)!important;box-shadow:none!important;cursor:not-allowed!important}@media (max-width:900px){.keywords-grid-layout{flex-direction:column!important;display:flex!important}.keywords-grid-layout>.sticky-panel{scrollbar-width:none;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;flex-direction:row!important;gap:8px!important;margin-bottom:16px!important;padding:0!important;display:flex!important;position:static!important;overflow-x:auto!important}.keywords-grid-layout>.sticky-panel::-webkit-scrollbar{display:none}.keywords-grid-layout>.sticky-panel>div:first-child{display:none!important}.keywords-grid-layout>.sticky-panel button{white-space:nowrap!important;background:var(--bg-3)!important;border:1px solid var(--border)!important;flex-direction:column!important;flex-shrink:0!important;justify-content:center!important;align-items:flex-start!important;width:auto!important;margin-bottom:0!important;padding:8px 16px!important;display:inline-flex!important}.keywords-grid-layout>.sticky-panel button div{margin-bottom:0!important}}@media (max-width:640px){.keywords-main-panel{padding:16px 12px!important}}