.admin-preview-bar{position:sticky;top:66px;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#0d1526;border-top:1px solid #4D9FFF;padding:10px 24px;max-width:var(--maxw);margin:0 auto;border-radius:0 0 10px 10px}.admin-badge{font-family:var(--font-mono);font-size:12px;color:#4d9fff;letter-spacing:1px;white-space:nowrap}.tier-toggle-group{display:inline-flex;border:1px solid #16324d;border-radius:8px;overflow:hidden}.tier-btn{position:relative;display:inline-flex;align-items:center;gap:6px;background:#0d1526;border:none;color:#6b8a9a;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;padding:8px 18px;cursor:pointer;transition:all .2s;border-right:1px solid #16324d}.tier-toggle-group .tier-btn:last-child{border-right:none}.tier-btn:hover{background:#4d9fff10;border-color:#4d9fff60;color:#e8f0ff}.tier-btn.active{background:#4d9fff20;color:#4d9fff;box-shadow:inset 0 0 12px -6px #4d9fff}.pulse-dot{width:6px;height:6px;border-radius:50%;background:#4d9fff;animation:dotpulse 1.2s ease-in-out infinite}@keyframes dotpulse{0%,to{opacity:1;box-shadow:0 0 6px #4d9fff}50%{opacity:.3;box-shadow:none}}.active-tier-pill{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;background:#4d9fff20;color:#4d9fff;border:1px solid #4D9FFF;padding:5px 14px;border-radius:999px;box-shadow:0 0 14px -4px #4d9fff}.blog-body{font-size:16px;line-height:1.75;color:var(--color-text-primary)}.blog-body h2{font-size:24px;margin:32px 0 12px}.blog-body h3{font-size:19px;margin:24px 0 10px;color:var(--color-green)}.blog-body p{margin:14px 0;color:#cfe2ea}.blog-body ul{margin:12px 0 12px 22px}.blog-body li{margin:6px 0;color:#cfe2ea}.blog-body strong{color:var(--color-text-primary)}.blog-body code{font-family:var(--font-mono);font-size:13px;background:#04060d;color:#7cffb0;padding:2px 6px;border-radius:4px}.blog-body pre{background:#04060d;border:1px solid var(--color-border-accent);border-radius:10px;padding:16px;overflow-x:auto;margin:16px 0}.blog-body pre code{background:none;padding:0;font-size:13px;line-height:1.6}.blog-body a{color:var(--color-cyan)}.blog-body img{max-width:100%;height:auto}.blog-body figure.blog-figure{margin:28px 0}.blog-body figure.blog-figure img{width:100%;border-radius:14px;border:1px solid var(--color-border-accent);display:block}.blog-body figure.blog-figure figcaption{font-size:13px;color:var(--color-text-secondary);text-align:center;margin-top:10px}:root{--color-bg: #06080F;--color-panel: #0D1526;--color-panel-hover: #14233d;--color-border: #14233d;--color-border-accent: #4D9FFF20;--color-green: #4D9FFF;--color-green-dim: #4D9FFF20;--color-cyan: #7B61FF;--color-text-primary: #E8F0FF;--color-text-secondary: #6b8a9a;--color-text-dim: #16324d;--color-critical: #FF4D6D;--color-high: #FF8C42;--color-medium: #FFD166;--color-low: #06D6A0;--color-clear: #4D9FFF;--font-head: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-score: "Orbitron", sans-serif;--radius: 14px;--radius-sm: 8px;--maxw: 1180px;--nav-bg: rgba(6, 8, 15, .85);color-scheme:dark}:root[data-theme=light]{--color-bg: #f4f7f9;--color-panel: #ffffff;--color-panel-hover: #eef3f6;--color-border: #e2e8ec;--color-border-accent: #1A6FE833;--color-green: #1A6FE8;--color-green-dim: #1A6FE81a;--color-cyan: #5B45D6;--color-text-primary: #0D1526;--color-text-secondary: #5a6b78;--color-text-dim: #aebcc4;--nav-bg: rgba(255, 255, 255, .82);color-scheme:light}:root[data-theme=light] .btn-primary{color:#fff}:root[data-theme=light] ::selection{background:#1a6fe822;color:#1a6fe8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;line-height:1.15;letter-spacing:-.02em}h1{font-size:clamp(40px,6vw,64px)}h2{font-size:clamp(28px,4vw,38px)}h3{font-size:24px}h4{font-size:18px}a{color:var(--color-green);text-decoration:none;transition:opacity .15s}a:hover{opacity:.82}::selection{background:var(--color-green-dim);color:var(--color-green)}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.section{padding:88px 0;position:relative}.section-sm{padding:56px 0}.center{text-align:center}.muted{color:var(--color-text-secondary)}.cyan{color:var(--color-cyan)}.green{color:var(--color-green)}.mono{font-family:var(--font-mono)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:var(--color-green);margin-bottom:14px}.panel{background:var(--color-panel);border:1px solid var(--color-border-accent);border-radius:var(--radius);padding:28px;transition:border-color .2s,background .2s,transform .2s}.panel:hover{background:var(--color-panel-hover)}.card-hover:hover{transform:translateY(-4px);border-color:var(--color-green)}.btn{display:inline-flex;align-items:center;gap:8px;justify-content:center;font-family:var(--font-body);font-weight:600;font-size:15px;padding:13px 26px;border-radius:10px;cursor:pointer;border:1px solid transparent;transition:all .18s;white-space:nowrap}.btn-primary{background:var(--color-green);color:#06080f;box-shadow:0 0 24px -8px var(--color-green)}.btn-primary:hover{box-shadow:0 0 34px -6px var(--color-green);transform:translateY(-1px);opacity:1}.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-accent)}.btn-ghost:hover{border-color:var(--color-green);color:var(--color-green)}.btn-sm{padding:8px 16px;font-size:13px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;background:var(--color-panel);border:1.5px solid #4D9FFF4d;border-radius:10px;padding:14px 16px;color:var(--color-text-primary);font-family:var(--font-body);font-size:15px;outline:none;transition:border-color .18s,box-shadow .18s}.input:focus{border-color:var(--color-green);box-shadow:0 0 0 3px var(--color-green-dim)}.input::placeholder{color:var(--color-text-secondary)}label{display:block;font-size:13px;font-weight:500;margin-bottom:6px;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;border-radius:6px;padding:4px 12px;border:1px solid}.badge-critical{color:var(--color-critical);background:#ff4d6d20;border-color:#ff4d6d60}.badge-high{color:var(--color-high);background:#ff8c4220;border-color:#ff8c4260}.badge-medium{color:var(--color-medium);background:#ffd16620;border-color:#ffd16660}.badge-low{color:var(--color-low);background:#06d6a020;border-color:#06d6a060}.badge-pass{color:var(--color-green);background:#4d9fff20;border-color:#4d9fff60}.score-num{font-family:var(--font-score);font-weight:800}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.hexbg{position:relative}.hexbg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='56' height='100' viewBox='0 0 56 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 0l28 16v32L28 64 0 48V16z' fill='none' stroke='%2300ff88' stroke-opacity='0.06'/%3E%3C/svg%3E");animation:hexpulse 4s ease-in-out infinite}@keyframes hexpulse{0%,to{opacity:.3}50%{opacity:.7}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .6s ease both}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border:2px solid var(--color-green-dim);border-top-color:var(--color-green);border-radius:50%;animation:spin .7s linear infinite}.terminal{background:#04060d;border:1px solid var(--color-border-accent);border-radius:var(--radius);font-family:var(--font-mono);font-size:13px;line-height:1.7;padding:18px 20px;height:380px;overflow-y:auto;color:var(--color-text-secondary)}.terminal-line.ok{color:var(--color-green)}.terminal-line.discover{color:var(--color-cyan)}.terminal-line.warn{color:var(--color-high)}.terminal-line.error{color:var(--color-critical)}.terminal-line.check{color:var(--color-text-primary)}.terminal-line.muted{color:var(--color-text-dim)}.terminal::-webkit-scrollbar{width:8px}.terminal::-webkit-scrollbar-thumb{background:var(--color-border-accent);border-radius:4px}.divider{height:1px;background:var(--color-border-accent);border:0;margin:0}.pill{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;padding:4px 12px;border-radius:999px;background:var(--color-green-dim);color:var(--color-green);border:1px solid var(--color-green);box-shadow:0 0 14px -4px var(--color-green)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}.nav-desktop{display:flex}.nav-mobile{display:none}.nav-burger{background:none;border:0;cursor:pointer;padding:8px;display:inline-flex;align-items:center;justify-content:center}.burger-box{position:relative;width:22px;height:16px;display:inline-block}.burger-box i{position:absolute;left:0;width:22px;height:2px;border-radius:2px;background:var(--color-text-primary);transition:transform .25s ease,opacity .2s ease,top .25s ease}.burger-box i:nth-child(1){top:0}.burger-box i:nth-child(2){top:7px}.burger-box i:nth-child(3){top:14px}.burger-box.is-open i:nth-child(1){top:7px;transform:rotate(45deg);background:var(--color-green)}.burger-box.is-open i:nth-child(2){opacity:0}.burger-box.is-open i:nth-child(3){top:7px;transform:rotate(-45deg);background:var(--color-green)}.nav-mobile-panel{border-top:1px solid var(--color-border-accent);background:var(--color-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fadeUp .2s ease both}.nav-mobile-link{display:block;padding:13px 4px;font-size:16px;color:var(--color-text-primary);border-bottom:1px solid var(--color-border-accent);text-decoration:none}.nav-mobile-link:last-of-type{border-bottom:0}@media (max-width: 760px){.nav-desktop{display:none}.nav-mobile{display:flex}}@media (max-width: 600px){.hero-search{flex-direction:column}.hero-search>.input,.hero-search>.btn{width:100%}}@media (max-width: 760px){.container{padding:0 18px}.section{padding:56px 0}.section-sm{padding:40px 0}.panel{padding:22px}.nav-logo{max-width:150px;overflow:hidden}}@media (max-width: 420px){.nav-logo{max-width:118px}h1{font-size:clamp(30px,9vw,44px)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#020609c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:20px;animation:fadeUp .18s ease both}.modal-card{position:relative;width:100%;max-width:460px;text-align:center;background:linear-gradient(180deg,var(--color-panel),#060d18);border:1px solid var(--color-green);border-radius:18px;padding:36px 28px;box-shadow:0 0 60px -20px var(--color-green)}.modal-icon{font-size:46px;line-height:1;margin-bottom:8px;filter:drop-shadow(0 0 18px var(--color-green-dim))}.modal-close{position:absolute;top:12px;right:16px;background:none;border:0;cursor:pointer;color:var(--color-text-secondary);font-size:26px;line-height:1}.modal-close:hover{color:var(--color-text-primary)}.result-tabs{display:flex;gap:6px;margin-bottom:22px;border-bottom:1px solid var(--color-border-accent)}.result-tab{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 16px;cursor:pointer;font-family:var(--font-mono);font-size:13px;letter-spacing:.5px;color:var(--color-text-secondary);transition:color .2s,border-color .2s}.result-tab:hover{color:var(--color-text-primary)}.result-tab.active{color:var(--color-green);border-bottom-color:var(--color-green)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;cursor:pointer;background:transparent;border:1px solid var(--color-border-accent);color:var(--color-text-secondary);transition:color .18s,border-color .18s}.theme-toggle:hover{color:var(--color-green);border-color:var(--color-green)}.cookie-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;max-width:760px;margin:0 auto;display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--color-panel);border:1px solid var(--color-green);border-radius:14px;padding:16px 20px;box-shadow:0 16px 50px -16px #0009;animation:fadeUp .3s ease both}.cookie-banner p{font-size:13px;color:var(--color-text-secondary);flex:1;min-width:220px;margin:0}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#131314;color:#e3e3e3;border:1px solid #2a2f36;border-radius:10px;padding:12px 16px;font-family:var(--font-body);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:border-color .2s,background .2s}.google-btn:hover{border-color:var(--color-green);background:#17181a}.or-divider{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--color-text-secondary)}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--color-border-accent)}.or-divider span{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase}.share-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;cursor:pointer;border-radius:8px;padding:10px 12px;font-size:14px;color:var(--color-text-primary);text-decoration:none;font-family:inherit}.share-item:hover{background:var(--color-green-dim);color:var(--color-green)}.share-item span{width:18px;text-align:center}