:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--accent: #6366f1;--accent-glow: rgba(99, 102, 241, .4);--accent-hover: #818cf8;--gradient-start: #6366f1;--gradient-end: #a855f7;--border: rgba(255, 255, 255, .08);--shadow: rgba(0, 0, 0, .3);--nav-bg: rgba(10, 10, 15, .85);--cursor-glow-size: 300px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-speed: .3s}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #f4f4f5;--bg-card: #ffffff;--text-primary: #18181b;--text-secondary: #52525b;--accent: #4f46e5;--accent-glow: rgba(79, 70, 229, .25);--accent-hover: #6366f1;--border: rgba(0, 0, 0, .08);--shadow: rgba(0, 0, 0, .1);--nav-bg: rgba(250, 250, 250, .85)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background var(--transition-speed),color var(--transition-speed);overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--accent-hover)}::selection{background:var(--accent);color:#fff}.cursor-glow{position:fixed;width:var(--cursor-glow-size);height:var(--cursor-glow-size);border-radius:50%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:opacity .3s;opacity:0;mix-blend-mode:screen}.cursor-glow.visible{opacity:1}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-left.revealed{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal-right.revealed{opacity:1;transform:translate(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-stagger.revealed>*:nth-child(1){transition-delay:0s}.reveal-stagger.revealed>*:nth-child(2){transition-delay:.1s}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.2s}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.3s}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.4s}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.5s}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.floating-shapes{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.floating-shapes .shape{position:absolute;border:1px solid var(--border);opacity:.5;animation:float linear infinite}.shape.circle{border-radius:50%}.shape.square{border-radius:4px}.shape.triangle{border:none;width:0!important;height:0!important;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:26px solid var(--border)}@keyframes float{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:.5}90%{opacity:.5}to{transform:translateY(-100px) rotate(720deg);opacity:0}}section{position:relative;z-index:1;padding:100px 24px;max-width:1100px;margin:0 auto}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:3rem}.easter-egg-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%) translateY(100px);background:linear-gradient(135deg,var(--gradient-start),var(--gradient-end));color:#fff;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.1rem;z-index:10000;opacity:0;transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.easter-egg-toast.show{transform:translate(-50%) translateY(0);opacity:1}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-hover)}
