@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");:root{--primary:#4f46e5;--primary-hover:#4338ca;--primary-light:#eef2ff;--bg-app:#f8fafc;--bg-surface:#fff;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border-light:#e2e8f0;--border-medium:#cbd5e1;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#e11d48;--danger-bg:#ffe4e6;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.2);--glass-blur:blur(12px);--grad-primary:linear-gradient(135deg,#4f46e5,#7c3aed);--grad-danger:linear-gradient(135deg,#e11d48,#fb7185);--grad-dark:linear-gradient(135deg,#0f172a,#1e293b)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.glass{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.glitch-active{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) infinite both}*{box-sizing:border-box}body{padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}body,h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-main)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:2.25rem}h1,h2{letter-spacing:-.025em}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}p{margin:0 0 1rem}a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s}a:hover{color:var(--primary-hover);text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.hidden{display:none}@keyframes pulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}@media (min-width:768px){.adversary-grid{display:grid!important;grid-template-columns:1fr 1fr}}.classroom-mode{--brand-primary:#06b6d4;--brand-primary-light:#22d3ee;--brand-danger:#f43f5e;--bg-app:#020617;--bg-primary:#020617;--bg-secondary:#000;--bg-surface:#0f172a;--border-primary:#1e293b;--text-primary:#f1f5f9;--shadow-glow:0 0 20px rgba(6,182,212,.3)}.classroom-mode header{background:var(--bg-primary)!important;border-bottom:2px solid var(--brand-primary)!important;box-shadow:0 0 15px rgba(6,182,212,.2)}.classroom-mode aside{background:var(--bg-secondary)!important;border-right:1px solid var(--border-primary)!important}.classroom-mode .card-panel{background:var(--bg-surface)!important;border:1px solid #334155!important;box-shadow:0 4px 20px rgba(0,0,0,.5)!important}.admin-content-area{margin-left:260px;flex:1 1;display:flex;flex-direction:column;min-width:0;transition:margin-left .3s ease}.mobile-menu-btn{display:none!important;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:8px}@media (max-width:1024px){.admin-content-area{margin-left:0!important}.mobile-menu-btn{display:flex!important;align-items:center;justify-content:center}.admin-header-controls{padding:0 1rem!important}.mode-toggle-wrapper{width:180px!important}.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.mobile-close-btn{display:block!important}}.admin-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1)}:root{--brand-primary:#6366f1;--brand-primary-light:#818cf8;--brand-primary-dark:#4338ca;--brand-accent:#a855f7;--brand-success:#10b981;--brand-success-bg:rgba(16,185,129,.1);--brand-danger:#ef4444;--brand-danger-bg:rgba(239,68,68,.1);--brand-warning:#f59e0b;--brand-warning-bg:rgba(245,158,11,.1);--bg-app:#09090b;--bg-primary:var(--bg-app);--bg-secondary:#020617;--bg-surface:#18181b;--bg-surface-hover:#27272a;--bg-overlay:rgba(0,0,0,.7);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-tertiary:#52525b;--text-muted:#3f3f46;--border-primary:#27272a;--border-secondary:#18181b;--border-highlight:#3f3f46;--border-accent:rgba(99,102,241,.5);--grad-primary:linear-gradient(135deg,#4f46e5,#3730a3);--grad-surface:linear-gradient(180deg,rgba(24,24,27,.5),rgba(9,9,11,.5));--grad-glow:radial-gradient(circle at center,rgba(99,102,241,.15) 0%,transparent 70%);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.5);--shadow-md:0 4px 6px -1px rgba(0,0,0,.5),0 2px 4px -1px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -2px rgba(0,0,0,.3);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5),0 10px 10px -5px rgba(0,0,0,.3);--shadow-glow:0 0 20px rgba(99,102,241,.2);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--sidebar-width:260px;.luxury-button-nav{padding:.6rem 1.4rem;border-radius:12px;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);color:#fff;font-weight:700;font-size:.85rem;letter-spacing:.02em;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.luxury-button-nav:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.3);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.luxury-button-nav-primary{background:#fff;color:#000;border:1px solid #fff}.luxury-button-nav-primary:hover{background:hsla(0,0%,100%,.9);box-shadow:0 0 20px hsla(0,0%,100%,.3)}.luxury-button-onboarding{position:relative;padding:1.2rem;background:linear-gradient(135deg,#7e22ce,#1d264e);color:#fff;border-radius:18px;border:1px solid rgba(139,92,246,.3);font-weight:900;font-size:1rem;letter-spacing:.05em;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 15px 35px -10px rgba(126,34,206,.4)}.luxury-button-onboarding:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 20px 45px -10px rgba(126,34,206,.6);border-color:rgba(139,92,246,.6)}.luxury-button-onboarding:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);transform:translateX(-100%);transition:transform .6s ease}.luxury-button-onboarding:hover:after{transform:translateX(100%)}--header-height:64px}body{background-color:var(--bg-app);color:var(--text-primary);font-feature-settings:"cv02","cv03","cv04","cv11"}.text-h1{font-size:2.25rem}.text-h1,.text-h2{font-weight:700;letter-spacing:-.02em;line-height:1.2}.text-h2{font-size:1.875rem}.text-h3{font-size:1.5rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.text-body{font-size:1rem;line-height:1.6}.text-body,.text-small{color:var(--text-secondary)}.text-small{font-size:.875rem}.text-mono{font-family:JetBrains Mono,monospace}.btn-primary{background:var(--brand-primary);color:#fff;padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease;border:1px solid hsla(0,0%,100%,.1)}.btn-primary:hover{background:var(--brand-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-primary);padding:.5rem 1rem;border-radius:var(--radius-md);font-weight:500;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-surface-hover);border-color:var(--border-highlight)}.card-panel{background:var(--bg-surface);padding:1.5rem;box-shadow:var(--shadow-sm)}.card-panel,.glass-panel{border:1px solid var(--border-primary);border-radius:var(--radius-lg)}.glass-panel{background:rgba(24,24,27,.7);backdrop-filter:blur(12px)}.status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1}.status-badge.success{background:var(--brand-success-bg);color:var(--brand-success)}.status-badge.warning{background:var(--brand-warning-bg);color:var(--brand-warning)}.status-badge.danger{background:var(--brand-danger-bg);color:var(--brand-danger)}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}