*{margin:0;padding:0;box-sizing:border-box}:root{--app-bg: linear-gradient(180deg, #050510 0%, #09091a 100%);--app-bg-solid: #050510;--nav-bg: rgba(5, 5, 16, .85);--drawer-bg: rgba(5, 5, 16, .97);--hero-overlay: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(5, 5, 16, .55) 0%, rgba(5, 5, 16, .15) 100%);--surface-soft: rgba(255, 255, 255, .03);--surface-elevated: rgba(13, 13, 32, .8);--surface-glass: rgba(5, 5, 16, .75);--color-text-primary: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-divider: #475569;--color-border-soft: rgba(255, 255, 255, .06);--color-border-strong: rgba(0, 212, 255, .28);--color-accent: #00d4ff}:root[data-theme=light]{--app-bg: linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);--app-bg-solid: #f6f8fc;--nav-bg: rgba(246, 248, 252, .88);--drawer-bg: rgba(255, 255, 255, .96);--hero-overlay: radial-gradient(ellipse 80% 60% at 50% 50%, rgba(248, 250, 252, .48) 0%, rgba(248, 250, 252, .12) 100%);--surface-soft: rgba(255, 255, 255, .72);--surface-elevated: rgba(255, 255, 255, .82);--surface-glass: rgba(255, 255, 255, .68);--color-text-primary: #0f172a;--color-text-secondary: #334155;--color-text-muted: #475569;--color-divider: #64748b;--color-border-soft: rgba(15, 23, 42, .08);--color-border-strong: rgba(0, 153, 187, .24);--color-accent: #0099bb}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--app-bg-solid);color:var(--color-text-primary);font-family:Inter,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--app-bg-solid)}::-webkit-scrollbar-thumb{background:#00d4ff4d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00d4ff99}::selection{background:#00d4ff4d;color:#fff}canvas{display:block}.glow-text{text-shadow:0 0 30px rgba(0,212,255,.5),0 0 60px rgba(0,212,255,.2)}.glass-card{background:var(--surface-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border-soft)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #00d4ff33}50%{box-shadow:0 0 40px #00d4ff80,0 0 80px #00d4ff33}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-text{background:linear-gradient(135deg,#00d4ff,#7c3aed,#f59e0b);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 4s ease infinite}