:root{--bg-primary: #0a0a0a;--bg-secondary: #0f0f0f;--bg-tertiary: #161616;--bg-card: #121212;--bg-card-hover: #1a1a1a;--header-bg: rgba(10, 10, 10, .5);--text-primary: #fafafa;--text-secondary: #9a9a9a;--text-muted: #666666;--accent: #6366f1;--accent-secondary: #8b5cf6;--accent-hover: #818cf8;--accent-subtle: rgba(99, 102, 241, .12);--accent-glow: rgba(99, 102, 241, .4);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-text: linear-gradient(135deg, var(--text-primary) 30%, var(--accent) 100%);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .15) 0%, rgba(139, 92, 246, .1) 100%);--border-color: #222222;--border-hover: #333333;--border-accent: rgba(99, 102, 241, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 4px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(99, 102, 241, .15);--shadow-glow-strong: 0 0 60px rgba(99, 102, 241, .25);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}:root.light-theme{--bg-primary: #f8f9fa;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f5;--bg-card: #ffffff;--bg-card-hover: #f5f5fa;--header-bg: rgba(248, 249, 250, .5);--text-primary: #111111;--text-secondary: #555555;--text-muted: #888888;--accent: #6366f1;--accent-secondary: #8b5cf6;--accent-hover: #4f46e5;--accent-subtle: rgba(99, 102, 241, .1);--accent-glow: rgba(99, 102, 241, .3);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-text: linear-gradient(135deg, var(--text-primary) 30%, var(--accent) 100%);--gradient-subtle: linear-gradient(135deg, rgba(99, 102, 241, .1) 0%, rgba(139, 92, 246, .08) 100%);--border-color: #e0e0e5;--border-hover: #d0d0d8;--border-accent: rgba(99, 102, 241, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 48px rgba(0, 0, 0, .12);--shadow-glow: 0 0 40px rgba(99, 102, 241, .12);--shadow-glow-strong: 0 0 60px rgba(99, 102, 241, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}::selection{background:var(--accent);color:#fff}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes pulse-glow{0%,to{opacity:.5}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}