*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e1a;--bg2:#111827;--bg3:#1a2235;--bg4:#1e2d42;--accent:#ef4444;--accent2:#f97316;--gold:#fbbf24;--text:#f1f5f9;--text2:#cbd5e1;--text3:#94a3b8;--green:#22c55e;--blue:#3b82f6;--purple:#a855f7;--border:#1e3a5f;--card:#111827;--text-h:#fff;--social-bg:#1e293b80;--accent-bg:#667eea26;--accent-border:#667eea4d;--font:"Space Grotesk", sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}.auth-lock-message{display:none}.auth-lock-message .lock-icon{margin-bottom:12px;font-size:42px}.auth-lock-message .lock-title{background:linear-gradient(90deg,#3b82f6,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:18px;font-weight:700}.auth-lock-message .lock-subtitle{color:var(--text3);font-size:13px;line-height:1.6}.screen{min-height:100vh;animation:.3s fadeIn;display:none}.screen.active{flex-direction:column;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes blink{0%,to{background:#7f1d1d}50%{background:#991b1b}}@keyframes spin{to{transform:rotate(360deg)}}.nav{background:var(--bg2);border-bottom:1px solid var(--border);z-index:100;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 24px;display:flex;position:sticky;top:0}.nav-logo{letter-spacing:-.3px;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), var(--accent2));border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.nav-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.risk-badge{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600}.risk-badge span{color:var(--accent)}.progress-pill{background:var(--bg3);border:1px solid var(--border);color:var(--text2);border-radius:8px;padding:6px 14px;font-size:13px}.progress-pill b{color:var(--green)}.admin-link{color:#c4b5fd;cursor:pointer;background:#a855f71a;border:1px solid #a855f74d;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.admin-link:hover{background:#a855f733}.conn-dot{border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.conn-dot.ok{background:var(--green)}.conn-dot.err{background:var(--accent);animation:1.5s infinite pulse}.conn-dot.loading{background:var(--gold);animation:1s infinite pulse}.home-hero{text-align:center;max-width:760px;margin:0 auto;padding:60px 24px 40px}.hero-tag{color:#818cf8;letter-spacing:1px;text-transform:uppercase;background:#1a1a2e;border:1px solid #3730a3;border-radius:20px;margin-bottom:20px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-block}.home-hero h1{letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(26px,5vw,52px);font-weight:700;line-height:1.15}.home-hero h1 span{background:linear-gradient(90deg,#ef4444,#f97316);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-hero p{color:var(--text2);max-width:520px;margin:0 auto 32px;font-size:16px;line-height:1.7}.stats-row{flex-wrap:wrap;justify-content:center;gap:32px;margin-bottom:50px;display:flex}.stat-item{text-align:center}.stat-num{color:var(--accent);font-size:28px;font-weight:700}.stat-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;margin-top:2px;font-size:12px}.modules-title{width:100%;max-width:1100px;margin:0 auto;padding:0 24px 16px;font-size:20px;font-weight:600}.modules-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;width:100%;max-width:1100px;margin:0 auto;padding:0 24px 40px;display:grid}.module-card{background:var(--bg2);border:1px solid var(--border);cursor:pointer;border-radius:16px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.module-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 60%,#ef44440f);position:absolute;inset:0}.module-card:hover{border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 8px 30px #3b82f61f}.module-card.completed{border-color:#22c55e66}.module-card.completed:after{content:"✓ Done";color:var(--green);background:#22c55e26;border:1px solid #22c55e4d;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.card-icon{margin-bottom:12px;font-size:28px;line-height:1}.card-difficulty{letter-spacing:.8px;text-transform:uppercase;border-radius:4px;margin-bottom:8px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-block}.diff-high{color:#fca5a5;background:#ef444426}.diff-med{color:#fde68a;background:#fbbf2426}.diff-low{color:#86efac;background:#22c55e26}.card-title{margin-bottom:6px;font-size:15px;font-weight:600}.card-desc{color:var(--text3);font-size:13px;line-height:1.5}.card-footer{justify-content:space-between;align-items:center;margin-top:14px;display:flex}.card-tag{color:var(--text3);background:var(--bg3);border-radius:4px;padding:3px 8px;font-size:11px}.start-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);border-radius:8px;padding:6px 14px;transition:all .15s}.start-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}.scam-page{flex-direction:column;flex:1;align-items:center;padding:32px 16px;display:flex}.scam-site{color:#111;background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000080}.scam-topbar{background:#f8f9fa;border-bottom:1px solid #e2e6ea;border-radius:16px 16px 0 0;align-items:center;gap:8px;padding:10px 16px;display:flex}.scam-dot{background:#ef4444;border-radius:50%;width:12px;height:12px;display:inline-block}.scam-dot:nth-child(2){background:#fbbf24}.scam-dot:nth-child(3){background:#22c55e}.scam-url{color:#6c757d;background:#e9ecef;border-radius:6px;flex:1;margin-left:8px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:12px}.scam-content{padding:28px}.scam-header{text-align:center;margin-bottom:24px}.scam-badge{color:#fff;background:linear-gradient(135deg,#16a34a,#15803d);border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.scam-title{color:#111;margin-bottom:8px;font-size:20px;font-weight:700}.scam-amount{color:#15803d;margin:8px 0;font-size:34px;font-weight:800}.scam-fee-box{text-align:center;color:#856404;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin:12px 0;padding:12px 16px;font-size:14px}.scam-form{flex-direction:column;gap:10px;margin:16px 0;display:flex}.scam-input{font-size:14px;font-family:var(--font);color:#111;border:1px solid #ced4da;border-radius:8px;outline:none;width:100%;padding:10px 14px}.scam-input:focus{border-color:#0d6efd;box-shadow:0 0 0 3px #0d6efd1a}.scam-input.valid{background:#f0fdf4;border-color:#16a34a}.scam-input.invalid{background:#fef2f2;border-color:#dc2626}.field-wrap{flex-direction:column;gap:3px;display:flex;position:relative}.field-error{color:#dc2626;min-height:15px;padding-left:2px;font-size:11px;font-weight:500}.field-ok{color:#16a34a;min-height:15px;padding-left:2px;font-size:11px;font-weight:500}.scam-submit{color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#0d6efd,#0a58ca);border:none;border-radius:8px;padding:12px}.scam-trust{color:#6c757d;justify-content:center;gap:16px;margin-top:12px;font-size:11px;display:flex}.timer-box{color:#fff;text-align:center;background:#991b1b;padding:8px;font-size:13px;font-weight:600;animation:1.5s infinite blink}.risk-meter{background:var(--bg2);border:1px solid var(--border);border-radius:12px;width:100%;max-width:480px;margin:16px 0;padding:14px 20px}.risk-label{color:var(--text2);justify-content:space-between;margin-bottom:8px;font-size:13px;display:flex}.risk-bar{background:var(--bg3);border-radius:20px;height:8px;overflow:hidden}.risk-fill{border-radius:20px;height:100%;transition:width .6s,background .6s}.alert-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.alert-box{border:2px solid var(--accent);background:#0f172a;border-radius:20px;width:100%;max-width:500px;max-height:90vh;animation:.4s shake;overflow-y:auto}.alert-header{text-align:center;background:linear-gradient(135deg,#7f1d1d,#991b1b);border-radius:18px 18px 0 0;padding:24px}.alert-icon{margin-bottom:8px;font-size:48px}.alert-title{color:#fca5a5;font-size:20px;font-weight:700}.alert-body{padding:20px}.alert-msg{color:var(--text2);margin-bottom:16px;font-size:14px;line-height:1.7}.red-flag{background:#ef444414;border:1px solid #ef444440;border-radius:10px;margin-bottom:12px;padding:14px 16px}.red-flag-title{color:#fca5a5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:700}.red-flag ul{flex-direction:column;gap:5px;list-style:none;display:flex}.red-flag li{color:var(--text2);align-items:flex-start;gap:6px;font-size:12px;display:flex}.red-flag li:before{content:"⚠";flex-shrink:0}.data-exposed{background:#ef44440d;border:1px solid #ef444433;border-radius:10px;margin-bottom:12px;padding:12px 16px}.data-exposed-title{color:#fca5a5;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.data-chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;padding:3px 8px;font-size:11px}.alert-actions{gap:10px;margin-top:16px;display:flex}.btn-learn{background:var(--blue);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;flex:1;padding:11px}.btn-next{background:var(--bg3);color:var(--text);border:1px solid var(--border);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border-radius:10px;flex:1;padding:11px}.learn-page{flex:1;width:100%;max-width:640px;margin:0 auto;padding:32px 24px}.learn-back{color:var(--text3);cursor:pointer;align-items:center;gap:6px;margin-bottom:24px;font-size:13px;display:inline-flex}.learn-back:hover{color:var(--text)}.learn-tag{color:#93c5fd;letter-spacing:.8px;text-transform:uppercase;background:#3b82f61a;border:1px solid #3b82f633;border-radius:20px;margin-bottom:14px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-block}.learn-title{margin-bottom:8px;font-size:24px;font-weight:700;line-height:1.3}.learn-subtitle{color:var(--text2);margin-bottom:28px;font-size:14px;line-height:1.6}.learn-section{margin-bottom:20px}.learn-section h3{text-transform:uppercase;letter-spacing:.6px;color:var(--text3);margin-bottom:10px;font-size:13px;font-weight:700}.tip-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:8px;padding:12px 14px;display:flex}.tip-num{background:var(--blue);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:2px;font-size:11px;font-weight:700;display:flex}.tip-text{color:var(--text2);font-size:13px;line-height:1.6}.tip-text b{color:var(--text);font-weight:600}.rule-card{background:#22c55e0f;border:1px solid #22c55e33;border-radius:10px;gap:10px;margin-bottom:8px;padding:11px 13px;display:flex}.rule-card p{color:var(--text2);margin:0;font-size:13px;line-height:1.5}.rule-card p b{color:var(--green);font-weight:600}.quiz-btn{background:linear-gradient(135deg, var(--blue), #6366f1);color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:700;font-family:var(--font);border:none;border-radius:12px;margin-top:20px;padding:13px;display:block}.quiz-page{flex:1;width:100%;max-width:600px;margin:0 auto;padding:32px 24px}.quiz-progress{gap:6px;margin-bottom:28px;display:flex}.qpip{background:var(--bg3);border-radius:2px;flex:1;height:4px}.qpip.done{background:var(--green)}.qpip.active{background:var(--blue)}.quiz-q{margin-bottom:22px;font-size:19px;font-weight:600;line-height:1.4}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-opt{background:var(--bg2);border:1px solid var(--border);cursor:pointer;text-align:left;font-size:14px;font-family:var(--font);color:var(--text);border-radius:12px;padding:13px 17px;transition:all .15s}.quiz-opt:hover{border-color:var(--blue);background:#3b82f60d}.quiz-opt.correct{border-color:var(--green);color:#86efac;background:#22c55e1a}.quiz-opt.wrong{border-color:var(--accent);color:#fca5a5;background:#ef44441a}.quiz-feedback{background:var(--bg2);border:1px solid var(--border);color:var(--text2);border-radius:12px;margin-top:14px;padding:14px;font-size:13px;line-height:1.6;display:none}#quiz-next{background:var(--blue);color:#fff;cursor:pointer;width:100%;font-size:15px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;margin-top:14px;padding:12px;display:none}.cert-page{text-align:center;flex:1;width:100%;max-width:680px;margin:0 auto;padding:32px 24px}.cert-box{border:2px solid var(--gold);background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:20px;padding:40px;position:relative;overflow:hidden}.cert-corner{border-color:var(--gold);opacity:.35;border-style:solid;width:70px;height:70px;position:absolute}.cert-corner.tl{border-width:2px 0 0 2px;top:12px;left:12px}.cert-corner.tr{border-width:2px 2px 0 0;top:12px;right:12px}.cert-corner.bl{border-width:0 0 2px 2px;bottom:12px;left:12px}.cert-corner.br{border-width:0 2px 2px 0;bottom:12px;right:12px}.cert-seal{margin-bottom:14px;font-size:52px}.cert-tag{letter-spacing:2px;color:var(--gold);text-transform:uppercase;opacity:.8;margin-bottom:10px;font-size:11px}.cert-main{background:linear-gradient(90deg, var(--gold), #f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:30px;font-weight:700}.cert-sub{color:var(--text2);margin-bottom:20px;font-size:14px}.cert-name-box{background:#fbbf240f;border:1px solid #fbbf2433;border-radius:10px;margin-bottom:20px;padding:14px 24px;display:inline-block}.cert-name{color:var(--gold);font-size:24px;font-weight:700}.cert-modules{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}.cert-mod{color:var(--text2);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:3px 10px;font-size:11px}.cert-score{flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:24px;display:flex}.cscore-num{color:var(--gold);font-size:26px;font-weight:700}.cscore-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.5px;font-size:11px}.cert-download{background:linear-gradient(135deg, var(--gold), #d97706);color:#111;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);border:none;border-radius:12px;margin-bottom:10px;padding:13px 28px}.cert-home{border:1px solid var(--border);color:var(--text);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border-radius:12px;margin-left:10px;padding:11px 22px}.admin-page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:28px 24px}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:28px;display:flex}.admin-title{font-size:22px;font-weight:700}.admin-title span{color:var(--purple)}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-export{color:#93c5fd;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;padding:8px 16px;transition:all .15s}.btn-export:hover{background:#3b82f633}.btn-wipe{color:#fca5a5;cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 16px;transition:all .15s}.btn-wipe:hover{background:#ef444433}.btn-refresh{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font);border-radius:8px;padding:8px 16px}.btn-refresh:hover{color:var(--text)}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:28px;display:grid}.astat{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.astat-num{margin-bottom:4px;font-size:28px;font-weight:700}.astat-lbl{color:var(--text3);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.admin-tabs{background:var(--bg2);border:1px solid var(--border);border-radius:10px;gap:4px;width:fit-content;margin-bottom:20px;padding:4px;display:flex}.atab{cursor:pointer;color:var(--text3);font-size:13px;font-weight:600;font-family:var(--font);background:0 0;border:none;border-radius:7px;padding:7px 18px;transition:all .15s}.atab.active{background:var(--bg4);color:var(--text)}.admin-section{display:none}.admin-section.active{display:block}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border);padding:10px 12px;font-size:11px;font-weight:600}.data-table td{color:var(--text2);vertical-align:top;border-bottom:1px solid #1e3a5f66;padding:10px 12px}.data-table tr:hover td{background:#ffffff05}.tbl-wrap{background:var(--bg2);border:1px solid var(--border);border-radius:12px;max-height:480px;overflow:auto}.badge-high{color:#fca5a5;background:#ef44441f;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.badge-med{color:#fde68a;background:#fbbf241f;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.badge-low{color:#86efac;background:#22c55e1f;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:600}.btn-del-row{color:#fca5a5;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:3px 10px;transition:all .15s}.btn-del-row:hover{background:#ef44442e}.module-stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding:14px 16px;display:flex}.msc-left{align-items:center;gap:12px;display:flex}.msc-title{font-size:14px;font-weight:600}.msc-tag{color:var(--text3);margin-top:2px;font-size:11px}.msc-nums{flex-wrap:wrap;gap:20px;display:flex}.msc-num{text-align:center}.msc-n{color:var(--blue);font-size:18px;font-weight:700}.msc-l{color:var(--text3);text-transform:uppercase;font-size:10px}.btn-del-mod{color:#fca5a5;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:5px 12px}.empty-state{text-align:center;color:var(--text3);padding:48px 24px}.empty-state div{margin-bottom:10px;font-size:32px}.spinner{border:2px solid var(--border);border-top-color:var(--blue);vertical-align:middle;border-radius:50%;width:24px;height:24px;margin-right:8px;animation:.7s linear infinite spin;display:inline-block}.conn-bar{background:var(--bg3);border-bottom:1px solid var(--border);color:var(--text3);align-items:center;gap:8px;padding:6px 16px;font-size:12px;display:flex}.toast{background:var(--bg2);border:1px solid var(--border);color:var(--text);z-index:999;border-radius:10px;padding:12px 18px;font-size:13px;animation:.3s fadeIn;display:none;position:fixed;bottom:24px;right:24px}.toast.ok{color:var(--green);border-color:#22c55e66}.toast.err{color:#fca5a5;border-color:#ef444466}.games-nav-btn{color:#c4b5fd;cursor:pointer;background:linear-gradient(135deg,#a855f726,#3b82f626);border:1px solid #a855f766;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.games-nav-btn:hover{background:linear-gradient(135deg,#a855f74d,#3b82f64d)}.games-overlay{z-index:500;background:#000000b3;animation:.2s fadeIn;display:none;position:fixed;inset:0}.games-overlay.open{display:block}.games-sidebar{background:var(--bg2);border-left:1px solid var(--border);z-index:501;flex-direction:column;width:360px;max-width:95vw;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-8px 0 40px #00000080}.games-sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#a855f71a,#3b82f61a);justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-title{align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.sidebar-close{background:var(--bg3);border:1px solid var(--border);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.sidebar-close:hover{color:var(--accent);background:#ef444433}.sidebar-body{flex:1;padding:16px;overflow-y:auto}.sidebar-section-label{letter-spacing:1.2px;text-transform:uppercase;color:var(--text3);margin:16px 0 8px;font-size:10px;font-weight:600}.sidebar-section-label:first-child{margin-top:4px}.game-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-bottom:6px;padding:12px;transition:all .15s;display:flex}.game-item:hover{background:var(--bg3);border-color:var(--border)}.game-item-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.game-item-info{flex:1;min-width:0}.game-item-title{margin-bottom:2px;font-size:13px;font-weight:600}.game-item-desc{color:var(--text3);font-size:11px;line-height:1.4}.game-item-badge{border-radius:4px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:600}.badge-easy{color:#86efac;background:#22c55e26}.badge-medium{color:#fde68a;background:#fbbf2426}.badge-hard{color:#fca5a5;background:#ef444426}.badge-mixed{color:#93c5fd;background:#3b82f626}.game-screen-wrap{flex-direction:column;flex:1;align-items:center;width:100%;max-width:780px;margin:0 auto;padding:28px 16px 40px;display:flex}.game-card-big{background:var(--bg2);border:1px solid var(--border);border-radius:20px;width:100%;margin-bottom:20px;padding:28px}.game-title-row{align-items:center;gap:14px;margin-bottom:20px;display:flex}.game-icon-big{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;display:flex}.game-h1{font-size:20px;font-weight:700}.game-h2{color:var(--text3);margin-top:3px;font-size:13px}.game-score-bar{flex-wrap:wrap;gap:16px;margin-bottom:20px;display:flex}.gscore-pill{background:var(--bg3);border:1px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;display:flex}.email-sim{color:#111;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #0006}.email-header-bar{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:14px 18px}.email-from{color:#64748b;margin-bottom:4px;font-size:13px}.email-from b{color:#1e293b}.email-subject{color:#1e293b;font-size:15px;font-weight:700}.email-body{color:#334155;padding:20px 18px;font-size:14px;line-height:1.7}.email-link-btn{cursor:default;background:#0d6efd;border-radius:6px;margin-top:8px;padding:10px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block;color:#fff!important}.game-choice-row{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.game-btn-legit{color:#86efac;cursor:pointer;min-width:140px;font-size:14px;font-weight:600;font-family:var(--font);background:#22c55e1f;border:1px solid #22c55e59;border-radius:10px;flex:1;padding:12px;transition:all .15s}.game-btn-legit:hover{background:#22c55e40}.game-btn-phish{color:#fca5a5;cursor:pointer;min-width:140px;font-size:14px;font-weight:600;font-family:var(--font);background:#ef44441f;border:1px solid #ef444459;border-radius:10px;flex:1;padding:12px;transition:all .15s}.game-btn-phish:hover{background:#ef444440}.game-feedback-box{border-radius:12px;margin-top:16px;padding:16px 18px;font-size:14px;line-height:1.6;display:none}.game-feedback-box.correct{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d}.game-feedback-box.wrong{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.game-next-btn{background:var(--blue);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;margin-top:14px;padding:11px 28px;display:none}.game-next-btn:hover{background:#2563eb}.url-display{color:#e2e8f0;word-break:break-all;background:#0f172a;border:1px solid #334155;border-radius:8px;margin:14px 0;padding:12px 18px;font-family:JetBrains Mono,monospace;font-size:15px}.url-display .url-legit{color:#86efac}.url-display .url-sus{color:#fca5a5}.url-display .url-neutral{color:#93c5fd}.checklist-wrap{flex-direction:column;gap:10px;margin:14px 0;display:flex}.checklist-item{background:var(--bg3);border:1px solid var(--border);cursor:pointer;color:var(--text2);border-radius:10px;align-items:flex-start;gap:12px;padding:12px;font-size:13px;transition:all .15s;display:flex}.checklist-item:hover{border-color:var(--blue)}.checklist-item.selected-flag{color:#fca5a5;background:#ef444414;border-color:#ef444480}.checklist-item.selected-safe{color:#86efac;background:#22c55e14;border-color:#22c55e80}.cl-checkbox{border:2px solid var(--border);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.game-submit-btn{background:var(--blue);color:#fff;cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;margin-top:4px;padding:11px 28px}.game-results{text-align:center;padding:20px}.results-score-big{background:linear-gradient(90deg,#3b82f6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:10px 0;font-size:56px;font-weight:800}.results-grade{margin-bottom:14px;font-size:18px;font-weight:600}.results-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.rg-item{background:var(--bg3);border:1px solid var(--border);text-align:center;border-radius:10px;padding:14px 8px}.rg-num{font-size:22px;font-weight:700}.rg-lbl{color:var(--text3);text-transform:uppercase;margin-top:3px;font-size:11px}.play-again-btn{background:linear-gradient(135deg, var(--purple), var(--blue));color:#fff;cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font);border:none;border-radius:12px;margin-top:8px;padding:13px 36px}.back-home-games-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border-radius:12px;margin-top:8px;margin-left:10px;padding:13px 24px}.timer-bar-wrap{background:var(--bg3);border-radius:4px;height:5px;margin-bottom:16px;overflow:hidden}.timer-bar-fill{background:var(--green);border-radius:4px;height:100%;transition:width .9s linear,background .5s}.url-compare-table{border-collapse:collapse;width:100%;margin:12px 0}.url-compare-table td{border-bottom:1px solid var(--border);padding:10px 12px;font-size:13px}.url-compare-table td:first-child{color:var(--text3);width:100px}.url-compare-table td:last-child{font-family:JetBrains Mono,monospace;font-size:12px}.mc-options{flex-direction:column;gap:10px;margin:14px 0;display:flex}.mc-opt{background:var(--bg3);border:1px solid var(--border);cursor:pointer;text-align:left;font-size:13px;font-family:var(--font);color:var(--text);border-radius:10px;padding:13px 16px;transition:all .15s}.mc-opt:hover{border-color:var(--blue);background:#3b82f614}.mc-opt.correct{color:#86efac;background:#22c55e1a;border-color:#22c55e80}.mc-opt.wrong{color:#fca5a5;background:#ef44441a;border-color:#ef444480}.mc-opt:disabled{cursor:default}.game-progress-dots{justify-content:center;gap:6px;margin-bottom:16px;display:flex}.gdot{background:var(--bg3);border:1px solid var(--border);border-radius:50%;width:8px;height:8px}.gdot.done{background:var(--green);border-color:var(--green)}.gdot.active{background:var(--blue);border-color:var(--blue)}.gdot.wrong-dot{background:var(--accent);border-color:var(--accent)}.admin-login-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.admin-login-box{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #a855f74d;border-radius:20px;width:100%;max-width:420px;animation:.3s fadeIn;box-shadow:0 25px 80px #0009,0 0 40px #a855f726}.admin-login-header{text-align:center;border-bottom:1px solid #a855f726;padding:28px 28px 20px}.admin-login-icon{filter:drop-shadow(0 0 20px #a855f780);margin-bottom:12px;font-size:42px}.admin-login-header h2{background:linear-gradient(90deg,#a855f7,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:22px;font-weight:700}.admin-login-header p{color:var(--text3);font-size:13px}.admin-login-field{margin:18px 28px}.admin-login-field label{color:var(--text2);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.admin-login-field input{background:var(--bg3);border:1px solid var(--border);width:100%;font-size:14px;font-family:var(--font);color:var(--text);border-radius:10px;outline:none;padding:12px 14px;transition:all .15s}.admin-login-field input:focus{border-color:var(--purple);background:var(--bg2);box-shadow:0 0 0 3px #a855f71a}.admin-login-field input::placeholder{color:var(--text3)}.admin-password-wrap{position:relative}.admin-toggle-pass{cursor:pointer;opacity:.6;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:opacity .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.admin-toggle-pass:hover{opacity:1}.admin-login-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:0 28px 12px;padding:10px 14px;font-size:12px}.admin-login-actions{gap:10px;margin:20px 28px 8px;display:flex}.admin-btn-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border-radius:10px;flex:1;padding:12px;transition:all .15s}.admin-btn-cancel:hover{background:var(--bg4);color:var(--text)}.admin-btn-login{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#a855f7,#3b82f6);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.admin-btn-login:hover{transform:translateY(-1px);box-shadow:0 8px 24px #a855f766}.admin-btn-login:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-login-footer{text-align:center;color:var(--text3);border-top:1px solid #a855f71a;margin-top:8px;padding:12px 28px 24px;font-size:11px}.user-auth-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.user-auth-box{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #3b82f64d;border-radius:20px;width:100%;max-width:420px;max-height:90vh;animation:.3s fadeIn;overflow-y:auto;box-shadow:0 25px 80px #0009,0 0 40px #3b82f626}.user-auth-header{text-align:center;border-bottom:1px solid #3b82f626;padding:28px 28px 20px}.user-auth-icon{filter:drop-shadow(0 0 20px #3b82f680);margin-bottom:12px;font-size:42px}.user-auth-header h2{background:linear-gradient(90deg,#3b82f6,#6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:6px;font-size:22px;font-weight:700}.user-auth-header p{color:var(--text3);font-size:13px}.user-auth-tabs{background:var(--bg3);border-radius:0;gap:4px;padding:16px 28px 0;display:flex}.user-auth-tab{cursor:pointer;color:var(--text3);font-size:13px;font-weight:600;font-family:var(--font);text-align:center;background:0 0;border:none;border-radius:8px 8px 0 0;flex:1;padding:10px;transition:all .15s}.user-auth-tab.active{background:var(--bg2);color:var(--text)}.user-auth-field{margin:14px 28px}.user-auth-field label{color:var(--text2);letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.user-auth-field input{background:var(--bg3);border:1px solid var(--border);width:100%;font-size:14px;font-family:var(--font);color:var(--text);border-radius:10px;outline:none;padding:12px 14px;transition:all .15s}.user-auth-field input:focus{border-color:var(--blue);background:var(--bg2);box-shadow:0 0 0 3px #3b82f61a}.user-auth-field input::placeholder{color:var(--text3)}.user-auth-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;margin:0 28px 12px;padding:10px 14px;font-size:12px}.user-auth-success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;margin:0 28px 12px;padding:10px 14px;font-size:12px}.user-auth-actions{gap:10px;margin:20px 28px 8px;display:flex}.user-auth-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border-radius:10px;flex:1;padding:12px;transition:all .15s}.user-auth-cancel:hover{background:var(--bg4);color:var(--text)}.user-auth-submit{color:#fff;cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);background:linear-gradient(135deg,#3b82f6,#6366f1);border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:8px;padding:12px;transition:all .15s;display:flex}.user-auth-submit:hover{transform:translateY(-1px);box-shadow:0 8px 24px #3b82f666}.user-auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.user-auth-footer{text-align:center;color:var(--text3);border-top:1px solid #3b82f61a;margin-top:8px;padding:12px 28px 24px;font-size:12px}.user-auth-footer a{color:var(--blue);cursor:pointer;text-decoration:underline}.user-auth-footer a:hover{color:#93c5fd}.user-info-pill{color:#86efac;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.user-info-pill:hover{background:#22c55e33}.user-info-pill .user-avatar{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex}.login-nav-btn{color:#93c5fd;cursor:pointer;background:linear-gradient(135deg,#3b82f626,#6366f126);border:1px solid #3b82f666;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .15s}.login-nav-btn:hover{background:linear-gradient(135deg,#3b82f64d,#6366f14d)}.btn-del-user{color:#fca5a5;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--font);background:#ef444414;border:1px solid #ef444433;border-radius:6px;padding:3px 10px;transition:all .15s}.btn-del-user:hover{background:#ef44442e}.confirm-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1100;background:#000c;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-box{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #ef44444d;border-radius:16px;width:100%;max-width:420px;padding:28px;animation:.3s fadeIn;box-shadow:0 20px 60px #00000080}.confirm-icon{margin-bottom:12px;font-size:48px}.confirm-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:700}.confirm-message{color:var(--text2);margin-bottom:16px;font-size:14px;line-height:1.6}.confirm-details{background:var(--bg3);border:1px solid var(--border);color:var(--text3);text-align:left;border-radius:10px;margin-bottom:20px;padding:12px 14px;font-size:12px}.confirm-actions{gap:10px;display:flex}.confirm-btn-cancel,.confirm-btn-danger{cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font);border:none;border-radius:10px;flex:1;padding:12px;transition:all .15s}.confirm-btn-cancel{background:var(--bg3);border:1px solid var(--border);color:var(--text2)}.confirm-btn-cancel:hover{background:var(--bg4);color:var(--text)}.confirm-btn-danger{color:#fff;background:linear-gradient(135deg,#dc2626,#991b1b)}.confirm-btn-danger:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ef444466}.confirm-btn-danger.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.toast-container{z-index:2000;flex-direction:column;gap:10px;max-width:380px;display:flex;position:fixed;top:24px;right:24px}.toast-new{background:var(--bg2);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:12px;min-width:280px;padding:12px 16px;font-size:13px;animation:.3s slideInRight,.3s 3.7s forwards fadeOut;display:flex;box-shadow:0 10px 30px #0006}.toast-new .toast-icon{flex-shrink:0;font-size:18px;line-height:1}.toast-new .toast-content{flex:1}.toast-new .toast-title{margin-bottom:2px;font-weight:600}.toast-new .toast-msg{color:var(--text3);font-size:12px;line-height:1.5}.toast-new .toast-close{color:var(--text3);cursor:pointer;background:0 0;border:none;margin-left:4px;padding:0;font-size:16px;line-height:1}.toast-new.ok{border-left:3px solid var(--green)}.toast-new.ok .toast-title{color:var(--green)}.toast-new.err{border-left:3px solid var(--accent)}.toast-new.err .toast-title{color:#fca5a5}.toast-new.warn{border-left:3px solid var(--gold)}.toast-new.warn .toast-title{color:#fde68a}.toast-new.info{border-left:3px solid var(--blue)}.toast-new.info .toast-title{color:#93c5fd}@keyframes slideInRight{0%{opacity:0;transform:translate(400px)}to{opacity:1;transform:translate(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(100px)}}.dropdown-btn{text-align:left;width:100%;color:var(--text2);cursor:pointer;font-size:14px;font-family:var(--font);background:0 0;border:none;padding:10px 15px;transition:all .2s;display:block}.dropdown-btn:hover{color:#fff;background:#ffffff0d}.primary-btn{font-weight:600}.primary-btn:hover{color:var(--blue);background:#3b82f626}.admin-btn{font-weight:600}.admin-btn:hover{color:var(--purple);background:#a855f726}.danger-btn{font-weight:600}.danger-btn:hover{color:var(--accent);background:#ef444426}.dropdown-divider{background:var(--border);height:1px;margin:5px 0}.user-dropdown{background:var(--bg2);border:1px solid var(--border);border-radius:12px;flex-direction:column;min-width:180px;margin-top:10px;display:none;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 25px #00000080}.user-menu{position:relative}.user-menu:hover .user-dropdown{animation:.2s fadeIn;display:flex}[data-theme=light]{--bg:#f4f6f8;--bg2:#fff;--bg3:#eef2f6;--bg4:#e2e8f0;--text:#1e293b;--text2:#475569;--text3:#64748b;--border:#e2e8f0;--card:#fff}.sidebar-nav{z-index:100!important;background:var(--bg2,#111827)!important;border-right:1px solid var(--border,#1e3a5f)!important;height:100vh!important;transition:all .3s!important;position:fixed!important;top:0!important;left:0!important}.sidebar-nav.sidebar-open{width:250px!important}.sidebar-nav.sidebar-closed{width:80px!important}.app-main-content.sidebar-open{width:calc(100% - 250px)!important;margin-left:250px!important}.app-main-content.sidebar-closed{width:calc(100% - 80px)!important;margin-left:80px!important}@media (width<=900px){.home-columns{flex-direction:column!important;gap:1.5rem!important;padding:0 1rem!important}.home-col-main,.home-col-sidebar{flex:none!important;width:100%!important}}@media (width<=768px){body{font-size:14px!important;overflow-x:hidden!important}.sidebar-nav.sidebar-closed{width:60px!important}.sidebar-nav.sidebar-open{width:240px!important;box-shadow:10px 0 30px #000000b3!important}.app-main-content.sidebar-closed,.app-main-content.sidebar-open{box-sizing:border-box!important;width:calc(100vw - 60px)!important;max-width:calc(100vw - 60px)!important;margin-left:60px!important;padding:10px!important;overflow-x:hidden!important}.stats-bar,[class*=StatsBar]{flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;padding:10px 8px!important;font-size:12px!important}.hero-section,.hero-content{text-align:center!important;box-sizing:border-box!important;width:100%!important;padding:16px 12px!important}.hero-title{font-size:24px!important;line-height:1.3!important}.hero-subtitle{font-size:14px!important}.grid,.games-grid,.badges-grid,.modules-grid,[style*="display: grid"],[style*=grid-template-columns]{grid-template-columns:1fr!important;gap:12px!important;width:100%!important}.card,.module-card,.game-card,.case-study-card,.sidebar-widget{box-sizing:border-box!important;width:100%!important;margin-bottom:12px!important;padding:14px!important}.modal-content,.levelup-content,.sim-container,[class*=modal],[class*=Modal]{box-sizing:border-box!important;width:92vw!important;max-width:92vw!important;max-height:85vh!important;margin:10px auto!important;padding:16px!important;overflow-y:auto!important}button,input,select,textarea{box-sizing:border-box!important;max-width:100%!important}.progress-map-container,[class*=ProgressMap]{padding:10px 0!important;overflow-x:auto!important}}@media (width<=480px){.hero-title{font-size:20px!important}.sidebar-nav.sidebar-closed{width:50px!important}.app-main-content.sidebar-closed,.app-main-content.sidebar-open{width:calc(100vw - 50px)!important;max-width:calc(100vw - 50px)!important;margin-left:50px!important}}:root.light-mode{--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--bg4:#e2e8f0;--card:#fff;--text:#1e293b;--text2:#475569;--text3:#64748b;--border:#cbd5e1;--gold:#d97706;--green:#16a34a;--blue:#2563eb;--purple:#7e22ce;--text-h:#0f172a;--social-bg:#0f172a0d;--accent-bg:#667eea1f;--accent-border:#667eea40}.light-mode .hero-tag{color:#4f46e5;background:#eef2ff}.light-mode .alert-box{background:#fff;border:1px solid #e2e8f0}.light-mode .cert-box{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#eef2ff)}.light-mode .cert-mod{background:#00000008;border:1px solid #00000014}.light-mode .url-display{color:#1e293b;background:#f1f5f9}.light-mode .admin-login-box,.light-mode .user-auth-box,.light-mode .confirm-box{background:linear-gradient(135deg,#fff 0%,#f1f5f9 100%);border:1px solid #cbd5e1}.light-mode .diff-high{color:#dc2626}.light-mode .diff-med{color:#d97706}.light-mode .diff-low{color:#16a34a}.light-mode .badge-high{color:#dc2626}.light-mode .badge-med{color:#d97706}.light-mode .badge-low,.light-mode .badge-easy{color:#16a34a}.light-mode .badge-medium{color:#d97706}.light-mode .badge-hard{color:#dc2626}.light-mode .badge-mixed{color:#2563eb}.light-mode .admin-link,.light-mode .games-nav-btn{color:#6d28d9}.light-mode .data-table tr:hover td{background:#00000005}.light-mode .dropdown-btn:hover{color:#0f172a;background:#0000000d}.light-mode .alert-title,.light-mode .red-flag-title,.light-mode .data-exposed-title,.light-mode .chip{color:#dc2626}.light-mode .learn-tag{color:#2563eb}.light-mode .quiz-opt.correct{color:#16a34a}.light-mode .quiz-opt.wrong{color:#dc2626}.light-mode .btn-export{color:#2563eb}.light-mode .btn-wipe,.light-mode .btn-del-row,.light-mode .btn-del-mod,.light-mode .btn-del-user,.light-mode .toast.err,.light-mode .toast-new.err .toast-title{color:#dc2626}.light-mode .toast-new.warn .toast-title{color:#d97706}.light-mode .toast-new.info .toast-title{color:#2563eb}.light-mode .game-btn-legit{color:#16a34a}.light-mode .game-btn-phish{color:#dc2626}.light-mode .game-feedback-box.correct{color:#16a34a}.light-mode .game-feedback-box.wrong{color:#dc2626}.light-mode .url-display .url-legit{color:#16a34a}.light-mode .url-display .url-sus{color:#dc2626}.light-mode .url-display .url-neutral{color:#2563eb}.light-mode .checklist-item.selected-flag{color:#dc2626}.light-mode .checklist-item.selected-safe{color:#16a34a}.light-mode .admin-login-error,.light-mode .user-auth-error{color:#dc2626}.light-mode .user-auth-success,.light-mode .user-info-pill{color:#16a34a}.light-mode .login-nav-btn,.light-mode .user-auth-footer a:hover{color:#2563eb}.light-mode .mc-opt.correct{color:#16a34a}.light-mode .mc-opt.wrong{color:#dc2626}.light-mode .sidebar-nav{background:#fff!important;border-right:1px solid #e2e8f0!important}.stats-dashboard{gap:1rem;margin-bottom:2rem;padding:0 2rem;display:flex}.stats-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex:1;align-items:center;gap:1rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.stats-card:hover{border-color:var(--stat-color,var(--border));transform:translateY(-5px);box-shadow:0 8px 25px #0003,inset 0 0 20px #ffffff05}.stats-icon{background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.stats-info{flex-direction:column;display:flex}.stats-value{color:var(--stat-color,var(--text));font-size:1.8rem;font-weight:800}.stats-label{color:var(--text2);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.navbar-center{flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.xp-bar-container{align-items:center;gap:10px;width:100%;max-width:300px;display:flex}.xp-level-badge{background:var(--bg3);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:700}.xp-bar-track{background:var(--bg2);border:1px solid var(--border);border-radius:6px;flex:1;height:12px;overflow:hidden}.xp-bar-fill{background:linear-gradient(90deg, var(--blue), var(--purple));border-radius:6px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:relative}.xp-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s linear infinite shimmer;position:absolute;inset:0}.xp-label{color:var(--text2);min-width:50px;font-size:.85rem;font-weight:600}.streak-counter{background:var(--bg3);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-weight:700;transition:all .3s;display:flex}.streak-active{color:var(--accent);background:#ff6b6b26;border:1px solid #ff6b6b4d;box-shadow:0 0 10px #ff6b6b33}.streak-active .streak-fire{animation:2s infinite alternate gentle-pulse}.progress-map{flex-direction:column;gap:3rem;padding:1rem 2rem 3rem;display:flex}.progress-map-header{text-align:center;margin-bottom:2rem}.progress-map-title{margin-bottom:.5rem;font-size:2.2rem}.progress-map-subtitle{color:var(--text2);font-size:1.1rem}.unit-section{flex-direction:column;gap:1.5rem;transition:opacity .3s;display:flex;position:relative}.unit-locked{opacity:.5;filter:grayscale(.8);pointer-events:none}.unit-header{background:linear-gradient(135deg, var(--bg3), var(--bg2));border-left:5px solid var(--unit-color,var(--blue));border-radius:16px;justify-content:flex-start;align-items:center;gap:3rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 15px #0003}.unit-header-left{align-items:center;gap:1.5rem;display:flex}.unit-icon{background:#ffffff1a;border-radius:12px;justify-content:center;align-items:center;width:60px;height:60px;font-size:2.5rem;display:flex}.unit-title{color:var(--text);margin:0 0 .2rem;font-size:1.5rem}.unit-desc{color:var(--text2);margin:0;font-size:.95rem}.unit-progress-wrap{align-items:center;gap:1rem;min-width:200px;display:flex}.unit-progress{background:#ffffff1a;border-radius:6px;flex:1;height:12px;overflow:hidden}.unit-progress-fill{border-radius:6px;height:100%;transition:width .4s}.unit-progress-text{color:var(--text);font-weight:700}.unit-lock-badge{background:#00000080;border:1px solid #ffffff1a;border-radius:20px;padding:8px 16px;font-weight:700}.module-path{flex-direction:column;align-items:center;gap:0;width:100%;max-width:500px;margin:0 auto;padding:2rem 0;display:flex;position:relative}.path-node-wrap{flex-direction:column;align-items:center;width:100%;transition:transform .3s;display:flex;position:relative}.path-node-wrap.path-center{align-self:center}.path-node-wrap.path-right{align-self:center;transform:translate(90px)}.path-node-wrap.path-left{align-self:center;transform:translate(-90px)}.path-connector{z-index:0;justify-content:center;align-items:center;display:flex}.path-curve{stroke:var(--border);stroke-linecap:round;stroke-width:4px;transition:stroke .4s}.path-connector-active .path-curve{stroke:var(--blue);filter:drop-shadow(0 0 6px #3b82f666);stroke-dasharray:8 4;animation:1.5s linear infinite dash-flow}@keyframes dash-flow{to{stroke-dashoffset:-24px}}.module-node{background:var(--bg3);border:4px solid var(--border);cursor:pointer;text-align:center;z-index:2;width:140px;height:140px;transform-style:preserve-3d;perspective:1000px;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 8px 20px #0003}.module-node:hover:not(:disabled):not(.module-node--locked){border-color:var(--accent);transform:scale(1.1)translateY(-10px)rotateX(15deg);box-shadow:0 20px 30px #0006,inset 0 2px 10px #ffffff1a}.module-node-icon{z-index:2;margin-bottom:.5rem;font-size:2.5rem;transition:transform .3s;position:relative}.module-node:hover:not(:disabled):not(.module-node--locked) .module-node-icon{text-shadow:0 5px 15px #0000004d;transform:scale(1.1)translateZ(20px)}.module-node-title{color:var(--text);font-size:.8rem;font-weight:600;line-height:1.2}.module-node-meta{background:var(--bg2);border:1px solid var(--border);opacity:0;pointer-events:none;white-space:nowrap;border-radius:10px;gap:5px;padding:2px 8px;font-size:.7rem;transition:opacity .3s;display:flex;position:absolute;top:-15px}.module-node:hover .module-node-meta{opacity:1}.module-node-top{position:relative}.module-node-check,.module-node-lock{background:var(--bg);z-index:3;border-radius:50%;padding:2px;font-size:1.2rem;position:absolute;top:-5px;right:-15px}.module-node--completed{border-color:var(--green);background:#2ecc7126;box-shadow:0 5px 15px #2ecc7133,inset 0 2px 8px #2ecc714d}@keyframes float-node{0%{transform:translateY(0)rotateX(0);box-shadow:0 8px 20px #4ecdc44d}50%{transform:translateY(-8px)rotateX(5deg);box-shadow:0 15px 30px #4ecdc499,inset 0 2px 8px #4ecdc466}to{transform:translateY(0)rotateX(0);box-shadow:0 8px 20px #4ecdc44d}}.module-node--active{border-color:var(--blue);background:#4ecdc426;animation:3s ease-in-out infinite float-node}.module-node--locked{opacity:.6;filter:grayscale();cursor:not-allowed}.badge-section{background:var(--bg3);border:1px solid var(--border);border-radius:16px;padding:1.5rem}.badge-section-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.badge-section-title{color:var(--text);margin:0}.badge-section-count{color:var(--text2);font-size:.9rem}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;display:grid}.badge-item{text-align:center;cursor:pointer;perspective:1000px;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;transition:all .2s;display:flex}.badge-item:hover{background:var(--social-bg)}.badge-icon-wrap{background:var(--bg2);border:2px solid var(--border);width:60px;height:60px;transform-style:preserve-3d;border-radius:50%;justify-content:center;align-items:center;transition:transform .6s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.badge-icon{font-size:2rem;transform:translateZ(20px)}.badge-unlocked .badge-icon-wrap{border-color:var(--gold);background:#f1c40f26;box-shadow:0 0 15px #f1c40f4d,inset 0 2px 10px #f1c40f33}.badge-unlocked:hover .badge-icon-wrap{transform:rotateY(360deg)scale(1.1);box-shadow:0 10px 20px #f1c40f66,inset 0 2px 10px #f1c40f66}.badge-locked{opacity:.5;filter:grayscale()}.badge-lock-overlay{background:var(--bg);border-radius:50%;padding:2px;font-size:1rem;position:absolute;bottom:0;right:0}.badge-name{color:var(--text2);font-size:.75rem;font-weight:600}.badge-unlocked .badge-name{color:var(--text)}.badge-detail-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.badge-detail-card{background:var(--bg3);text-align:center;border:1px solid var(--border);border-radius:20px;width:90%;max-width:400px;padding:3rem;animation:.3s slide-up;position:relative;box-shadow:0 20px 40px #00000080}.badge-detail-close{color:var(--text2);cursor:pointer;background:0 0;border:none;font-size:2rem;position:absolute;top:1rem;right:1rem}.badge-detail-icon{filter:grayscale();opacity:.5;margin-bottom:1.5rem;font-size:5rem}.badge-detail-unlocked{filter:none;opacity:1;animation:.5s cubic-bezier(.175,.885,.32,1.275) pop-in}.badge-detail-name{margin-bottom:.5rem;font-size:1.8rem}.badge-detail-desc{color:var(--text2);margin-bottom:2rem;font-size:1.1rem}.badge-detail-earned{color:var(--green);font-weight:700}.badge-detail-locked{color:var(--text3)}.levelup-overlay{z-index:100000;background:#0f1117f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.levelup-content{text-align:center;z-index:10;animation:.5s cubic-bezier(.175,.885,.32,1.275) zoom-in}.levelup-icon{margin-bottom:1rem;font-size:8rem;animation:3s ease-in-out infinite float}.levelup-title{background:linear-gradient(to right, var(--blue), var(--purple));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:4rem;font-weight:900}.levelup-subtitle{color:var(--text);margin-bottom:2rem;font-size:1.5rem}.levelup-xp{justify-content:center;align-items:center;gap:1rem;margin-bottom:3rem;font-size:1.2rem;display:flex}.levelup-xp-label{background:var(--bg3);color:var(--text2);border-radius:8px;padding:.5rem 1rem}.levelup-xp-new{color:var(--gold);border:1px solid var(--gold);background:#f1c40f1a;font-weight:700}.levelup-xp-arrow{color:var(--text3)}.levelup-btn{background:linear-gradient(135deg, var(--blue), var(--purple));color:#fff;cursor:pointer;border:none;border-radius:30px;padding:1rem 3rem;font-size:1.2rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 20px #4ecdc44d}.levelup-btn:hover{transform:translateY(-2px);box-shadow:0 15px 25px #4ecdc466}.confetti{z-index:1;animation:linear forwards fall;position:absolute;top:-20px}@keyframes fall{to{transform:translateY(100vh)rotate(720deg)}}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--bg3);border-left:4px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;min-width:250px;max-width:400px;padding:12px 20px;animation:.3s cubic-bezier(.175,.885,.32,1.275) toast-in;display:flex;overflow:hidden;box-shadow:0 5px 15px #0000004d}.toast-exit{animation:.3s forwards toast-out}.toast-ok{border-color:var(--green)}.toast-err{border-color:var(--accent)}.toast-info{border-color:var(--blue)}.toast-warn{border-color:var(--gold)}.toast-badge{border-color:var(--purple);background:#a855f71a}.toast-xp{border-color:var(--gold)}.toast-icon{flex-shrink:0;font-size:1.2rem}.toast-msg{color:var(--text);text-overflow:ellipsis;flex:1;font-size:.95rem;font-weight:500;overflow:hidden}.toast-close{color:var(--text3);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-left:auto;font-size:1.2rem}.toast-close:hover{color:var(--text)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes gentle-pulse{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.1)}}@keyframes node-pulse{0%{box-shadow:0 0 #4ecdc466}70%{box-shadow:0 0 0 15px #4ecdc400}to{box-shadow:0 0 #4ecdc400}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}80%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.home-columns{gap:2rem;padding:0 2rem;display:flex}.home-col-main{flex:2}.home-col-sidebar{flex-direction:column;flex:1;gap:2rem;display:flex}.bg-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff0d}.sidebar-widget{border-radius:16px;padding:1.5rem}.warning-widget{border-color:var(--accent);background:#ff6b6b0d}.warning-widget h3{color:var(--accent)}@media screen and (width<=768px){.home-columns{box-sizing:border-box!important;gap:1.5rem!important;width:100%!important;padding:0!important}.home-col-main{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.progress-map{box-sizing:border-box!important;gap:2rem!important;width:100%!important;max-width:100%!important;padding:0!important}.unit-section{box-sizing:border-box!important;width:100%!important;max-width:100%!important}.unit-header{box-sizing:border-box!important;border-radius:12px!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;min-height:64px!important;padding:.9rem 1.1rem!important;display:flex!important;overflow:hidden!important}.unit-header-left{flex-direction:row!important;flex:1!important;align-items:center!important;gap:.75rem!important;min-width:0!important;display:flex!important;overflow:hidden!important}.unit-header-left>div{flex:1!important;min-width:0!important;overflow:hidden!important}.unit-icon{flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;margin:0!important;font-size:1.35rem!important;display:flex!important}.unit-title{white-space:nowrap!important;text-overflow:ellipsis!important;color:#fff!important;margin:0!important;font-size:1.05rem!important;font-weight:800!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.unit-desc{display:none!important}.unit-progress-wrap{box-sizing:border-box!important;border-top:none!important;flex-shrink:0!important;justify-content:flex-end!important;align-items:center!important;width:auto!important;min-width:max-content!important;margin:0!important;padding:0!important;display:flex!important}.unit-progress-wrap .unit-progress{display:none!important}.unit-progress-text{white-space:nowrap!important;color:#fff!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-radius:6px!important;margin:0!important;padding:.35rem .7rem!important;font-size:.82rem!important;font-weight:800!important}.module-path{max-width:100%!important;padding:1.25rem 0!important}.path-node-wrap.path-right{transform:translate(50px)!important}.path-node-wrap.path-left{transform:translate(-50px)!important}.module-node{width:115px!important;height:115px!important}.module-node-icon{font-size:2rem!important}}.light-mode .stats-card{background:#00000005;border:1px solid #0000000f}.light-mode .stats-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -2px #0000000a,inset 0 0 20px #00000003}.light-mode .stats-icon{background:#0000000a}.light-mode .unit-icon{background:#0000000f}.light-mode .unit-progress{background:#00000014}.light-mode .unit-lock-badge{background:#0006;border:1px solid #00000014}.light-mode .bg-glass{background:#00000005;border:1px solid #0000000f}.light-mode .xp-bar-fill:after{background:linear-gradient(90deg,#0000,#ffffff80,#0000)}.css-network-bg{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.css-particle{background:#a855f766;border-radius:50%;width:4px;height:4px;animation:15s ease-in-out infinite alternate float-particle;position:absolute;box-shadow:0 0 10px #a855f799}@keyframes float-particle{0%{opacity:.2;transform:translate(0)scale(1)}50%{opacity:.6;transform:translate(30px,-40px)scale(1.5)}to{opacity:.2;transform:translate(-20px,30px)scale(1)}}.p1{animation-delay:0s;top:10%;left:10%}.p2{animation-delay:-2s;top:20%;left:80%}.p3{animation-delay:-5s;top:40%;left:30%}.p4{animation-delay:-1s;top:60%;left:70%}.p5{animation-delay:-7s;top:80%;left:20%}.p6{animation-delay:-3s;top:90%;left:80%}.p7{animation-delay:-4s;top:30%;left:50%}.p8{animation-delay:-6s;top:70%;left:40%}.p9{animation-delay:-8s;top:15%;left:90%}.p10{animation-delay:-9s;top:85%;left:10%}.p11{animation-delay:-10s;top:50%;left:10%}.p12{animation-delay:-11s;top:50%;left:90%}.p13{animation-delay:-12s;top:5%;left:50%}.p14{animation-delay:-13s;top:95%;left:50%}.p15{animation-delay:-14s;top:30%;left:20%}:root{--text:#cbd5e1;--text-h:#fff;--bg:#0a0e1a;--border:#1e293b;--code-bg:#161f30;--accent:#10b981;--accent-bg:#10b98126;--accent-border:#10b98180;--social-bg:#1e293b80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:light){:root{--text:#cbd5e1;--text-h:#fff;--bg:#0a0e1a;--border:#1e293b;--code-bg:#161f30;--accent:#10b981}}:root.light-mode{--text:#1e293b;--text-h:#0f172a;--text2:#475569;--text3:#64748b;--bg:#f8fafc;--bg2:#fff;--bg3:#f1f5f9;--bg4:#e2e8f0;--card:#fff;--border:#cbd5e1;--code-bg:#f1f5f9;--accent:#059669;--accent-bg:#05966926;--accent-border:#05966980;--social-bg:#0f172a0d;--blue:#2563eb;--purple:#7e22ce;--gold:#d97706;--green:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{min-height:100vh;margin:0;padding:0;background-color:var(--bg)!important;color:var(--text)!important}#root{text-align:center;box-sizing:border-box;isolation:isolate;border-inline:none;flex-direction:column;width:100%;max-width:100vw;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.simulation-area [style*="background: '#fff'"] h1,.simulation-area [style*="background: '#fff'"] h2,.simulation-area [style*="background: '#fff'"] h3,.simulation-area [style*="background: '#fff'"] h4,.simulation-area [style*="background: '#fff'"] p,.simulation-area [style*="background: '#fff'"] span,.simulation-area [style*="background: '#fff'"] label,.simulation-area [style*="background: '#fff'"] strong,.simulation-area [style*="background: '#fff'"] div,.simulation-area [style*="background: rgb(255, 255, 255)"] h1,.simulation-area [style*="background: rgb(255, 255, 255)"] h2,.simulation-area [style*="background: rgb(255, 255, 255)"] h3,.simulation-area [style*="background: rgb(255, 255, 255)"] p,.simulation-area [style*="background: rgb(255, 255, 255)"] span,.simulation-area [style*="background: rgb(255, 255, 255)"] label,.simulation-area [style*="background: rgb(255, 255, 255)"] strong,.simulation-area [style*="background: rgb(255, 255, 255)"] div,.simulation-area [style*="background: #fff"] h1,.simulation-area [style*="background: #fff"] h2,.simulation-area [style*="background: #fff"] h3,.simulation-area [style*="background: #fff"] p,.simulation-area [style*="background: #fff"] span,.simulation-area [style*="background: #fff"] label,.simulation-area [style*="background: #fff"] strong,.simulation-area [style*="background: #fff"] div{color:#1e293b}.simulation-area input,.simulation-area select,.simulation-area textarea,.modal-content input,.modal-content select,.modal-content textarea{color:#0f172a!important;background-color:#fff!important;border:1.5px solid #cbd5e1!important}.simulation-area input::placeholder,.simulation-area textarea::placeholder,.modal-content input::placeholder,.modal-content textarea::placeholder{color:#64748b!important}@media screen and (width>=769px){.sidebar-nav.sidebar-open{width:250px!important}.sidebar-nav.sidebar-closed{width:65px!important}.app-main-content.sidebar-open{width:calc(100vw - 250px)!important;max-width:calc(100vw - 250px)!important;margin-left:250px!important}.app-main-content.sidebar-closed{width:calc(100vw - 65px)!important;max-width:calc(100vw - 65px)!important;margin-left:65px!important}}@media screen and (width<=768px){html,body,#root,.app-root-layout,.app-container,.main-content{width:100%!important;max-width:100vw!important;position:relative!important;overflow-x:hidden!important}.stats-dashboard,.home-columns,.grid,.games-grid,.case-studies-grid,.admin-cards,.sim-container,.modal-content,.levelup-content,.game-card,.case-study-card,.stats-card,.sidebar-widget,[style*="width: 500px"],[style*="width: 600px"]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.stats-dashboard,.home-columns,.grid,.games-grid,.case-studies-grid{flex-direction:column!important;gap:16px!important;display:flex!important}.mobile-topheader{display:flex!important}.sidebar-nav .sidebar-toggle-btn{display:none!important}.mobile-sidebar-close-btn{display:block!important}.sidebar-nav.sidebar-closed{z-index:2000!important;width:260px!important;height:100vh!important;box-shadow:none!important;position:fixed!important;top:0!important;left:0!important;transform:translate(-100%)!important}.sidebar-nav.sidebar-open{z-index:2000!important;background:var(--bg2)!important;width:260px!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;transform:translate(0)!important;box-shadow:10px 0 45px #000000f2!important}.app-main-content.sidebar-closed,.app-main-content.sidebar-open{box-sizing:border-box!important;width:100vw!important;max-width:100vw!important;margin-left:0!important;padding:14px 12px!important;overflow-x:hidden!important}table,.table-wrapper,[class*=table],[class*=Table]{-webkit-overflow-scrolling:touch;width:100%!important;display:block!important;overflow-x:auto!important}h1{font-size:26px!important;line-height:1.2!important}h2{font-size:20px!important;line-height:1.3!important}h3{font-size:17px!important}.progress-map-container,[class*=ProgressMap]{width:100%!important;padding:10px 0!important;overflow-x:auto!important}.auth-card,[style*="padding: 3rem 2.5rem"],[style*="padding: '3rem 2.5rem'"]{border-radius:16px!important;width:94vw!important;max-width:94vw!important;margin:10px auto!important;padding:1.5rem 1rem!important}.otp-container,div[style*="justify-content: space-between"][style*=gap\:]{flex-flow:row!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:100%!important;max-width:100%!important;margin:10px 0!important;display:flex!important}.otp-input,input[inputmode=numeric][maxlength="1"],input[pattern="[0-9]*"]{text-align:center!important;box-sizing:border-box!important;border-radius:8px!important;flex:auto!important;width:calc(16.6667vw - 11.6667px)!important;min-width:32px!important;max-width:44px!important;height:48px!important;margin:0!important;padding:0!important;font-size:1.25rem!important}.sidebar-mobile-badges-section{display:flex!important}.stats-dashboard{box-sizing:border-box!important;gap:10px!important;width:100%!important;margin-bottom:1.25rem!important;padding:0!important}.stats-card{box-sizing:border-box!important;border-radius:12px!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:auto!important;overflow:hidden!important}.stats-card.level-card{gap:.6rem!important;padding:.85rem 1rem!important}.stats-card.level-card .stats-icon{flex-shrink:0!important;width:40px!important;height:40px!important;font-size:1.5rem!important}.stats-card.level-card .stats-value{font-size:1.25rem!important}.stats-card:not(.level-card){gap:.7rem!important;min-height:54px!important;padding:.65rem .9rem!important}.stats-card:not(.level-card) .stats-icon{flex-shrink:0!important;width:36px!important;height:36px!important;font-size:1.35rem!important}.stats-card:not(.level-card) .stats-value{font-size:1.08rem!important;font-weight:800!important;line-height:1.2!important}.stats-card:not(.level-card) .stats-label{font-size:.78rem!important;line-height:1.2!important}.home-col-sidebar{display:none!important}.ai-copilot-container.is-open{z-index:10000!important;background:0 0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;width:100vw!important;height:100dvh!important;display:flex!important;position:fixed!important;inset:0!important}.ai-copilot-window{box-sizing:border-box!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:auto!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;display:flex!important}.ai-copilot-form{padding:12px 16px!important;padding-bottom:max(16px, env(safe-area-inset-bottom,16px))!important;background:var(--bg2)!important;border-top:1px solid var(--border)!important;z-index:10!important;box-sizing:border-box!important;flex-shrink:0!important;position:sticky!important;bottom:0!important}.ai-copilot-input{box-sizing:border-box!important;height:46px!important;padding:10px 16px!important;font-size:16px!important}.ai-copilot-submit{min-width:48px!important;height:46px!important}}@media screen and (width<=480px){h1{font-size:22px!important}.otp-input,input[inputmode=numeric][maxlength="1"]{min-width:28px!important;height:44px!important;font-size:1.1rem!important}}.glitch{display:inline-block;position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.8;width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #0ff;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(10px, 9999px, 83px, 0)}5%{clip:rect(69px, 9999px, 42px, 0)}10%{clip:rect(12px, 9999px, 20px, 0)}15%{clip:rect(48px, 9999px, 90px, 0)}20%{clip:rect(31px, 9999px, 87px, 0)}25%{clip:rect(2px, 9999px, 14px, 0)}30%{clip:rect(81px, 9999px, 44px, 0)}35%{clip:rect(98px, 9999px, 32px, 0)}40%{clip:rect(49px, 9999px, 73px, 0)}45%{clip:rect(72px, 9999px, 60px, 0)}50%{clip:rect(8px, 9999px, 26px, 0)}55%{clip:rect(59px, 9999px, 5px, 0)}60%{clip:rect(39px, 9999px, 89px, 0)}65%{clip:rect(96px, 9999px, 2px, 0)}70%{clip:rect(23px, 9999px, 66px, 0)}75%{clip:rect(18px, 9999px, 47px, 0)}80%{clip:rect(86px, 9999px, 77px, 0)}85%{clip:rect(51px, 9999px, 34px, 0)}90%{clip:rect(11px, 9999px, 93px, 0)}95%{clip:rect(76px, 9999px, 39px, 0)}to{clip:rect(15px, 9999px, 85px, 0)}}@keyframes glitch-anim2{0%{clip:rect(55px, 9999px, 36px, 0)}5%{clip:rect(22px, 9999px, 81px, 0)}10%{clip:rect(79px, 9999px, 19px, 0)}15%{clip:rect(43px, 9999px, 92px, 0)}20%{clip:rect(8px, 9999px, 64px, 0)}25%{clip:rect(61px, 9999px, 31px, 0)}30%{clip:rect(38px, 9999px, 88px, 0)}35%{clip:rect(91px, 9999px, 12px, 0)}40%{clip:rect(14px, 9999px, 76px, 0)}45%{clip:rect(67px, 9999px, 49px, 0)}50%{clip:rect(27px, 9999px, 98px, 0)}55%{clip:rect(84px, 9999px, 24px, 0)}60%{clip:rect(5px, 9999px, 57px, 0)}65%{clip:rect(52px, 9999px, 83px, 0)}70%{clip:rect(93px, 9999px, 39px, 0)}75%{clip:rect(32px, 9999px, 68px, 0)}80%{clip:rect(77px, 9999px, 15px, 0)}85%{clip:rect(19px, 9999px, 96px, 0)}90%{clip:rect(65px, 9999px, 42px, 0)}95%{clip:rect(47px, 9999px, 73px, 0)}to{clip:rect(88px, 9999px, 6px, 0)}}