:root{--bg-primary: #0b0f19;--bg-secondary: #111827;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--card-bg: rgba(17, 24, 39, .75);--card-border: rgba(255, 255, 255, .08);--card-hover-border: rgba(99, 102, 241, .4);--card-shadow: 0 10px 30px -10px rgba(0, 0, 0, .5);--nav-bg: rgba(11, 15, 25, .85);--nav-border: rgba(255, 255, 255, .08);--panel-inner-bg: rgba(15, 23, 42, .8);--panel-inner-border: rgba(255, 255, 255, .07);--brand-indigo: #6366f1;--brand-cyan: #06b6d4;--brand-violet: #8b5cf6;--purple-gradient: linear-gradient(135deg, #818cf8 0%, #6366f1 50%, #4f46e5 100%);--heading-text: #ffffff;--subtext: #94a3b8;--btn-primary-bg: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--btn-primary-text: #ffffff;--btn-outline-bg: rgba(99, 102, 241, .08);--btn-outline-text: #818cf8;--btn-outline-border: rgba(99, 102, 241, .3);--scrollbar-track: #0b0f19;--scrollbar-thumb: #1e293b;--grid-line: rgba(255, 255, 255, .03)}html.light{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(226, 232, 240, .8);--card-hover-border: rgba(99, 102, 241, .4);--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 4px 6px -2px rgba(0, 0, 0, .02);--nav-bg: rgba(255, 255, 255, .9);--nav-border: rgba(226, 232, 240, .8);--panel-inner-bg: rgba(241, 245, 249, .9);--panel-inner-border: rgba(203, 213, 225, .8);--purple-gradient: linear-gradient(135deg, #4f46e5 0%, #6366f1 50%, #0284c7 100%);--heading-text: #0f172a;--subtext: #475569;--btn-primary-bg: linear-gradient(135deg, #4f46e5 0%, #6366f1 100%);--btn-primary-text: #ffffff;--btn-outline-bg: rgba(79, 70, 229, .05);--btn-outline-text: #4f46e5;--btn-outline-border: rgba(79, 70, 229, .25);--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e1;--grid-line: rgba(99, 102, 241, .05)}@layer base{*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Plus Jakarta Sans,Inter,sans-serif;transition:background-color .25s ease,color .25s ease}}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#6366f1}.bg-grid-cyber{background-size:40px 40px;background-image:linear-gradient(to right,var(--grid-line) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-line) 1px,transparent 1px)}.bg-radial-gradient{background:radial-gradient(circle at 50% 0%,rgba(99,102,241,.08) 0%,rgba(6,182,212,.03) 50%,transparent 80%)}.glass-panel{background:var(--card-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--card-border);border-radius:16px;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:var(--card-shadow)}.glass-panel:hover{border-color:var(--card-hover-border);transform:translateY(-2px)}.glass-nav{background:var(--nav-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--nav-border)}.panel-inner{background:var(--panel-inner-bg);border:1px solid var(--panel-inner-border);transition:background-color .25s ease,border-color .25s ease}.gradient-text-purple{background:var(--purple-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.gradient-text-light{background:linear-gradient(135deg,var(--heading-text) 0%,var(--subtext) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.btn-glow-primary{position:relative;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:700;border-radius:10px;transition:all .25s ease;box-shadow:0 4px 14px #4f46e54d}.btn-glow-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #4f46e573}.btn-glow-outline{position:relative;background:var(--btn-outline-bg);color:var(--btn-outline-text);border:1px solid var(--btn-outline-border);font-weight:600;border-radius:10px;transition:all .25s ease}.btn-glow-outline:hover{background:#6366f11f;border-color:#6366f1;transform:translateY(-1px)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--panel-inner-bg);border-radius:6px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#6366f1;cursor:pointer;box-shadow:0 2px 8px #6366f180;transition:transform .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}