:root,[data-theme=dark]{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a2e;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-border: rgba(255, 255, 255, .08);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #6b6b80;--accent-primary: #6c63ff;--accent-secondary: #00d4aa;--accent-gradient: linear-gradient(135deg, #6c63ff, #00d4aa);--accent-glow: rgba(108, 99, 255, .3);--neon-blue: #00b4d8;--neon-purple: #7b2cbf;--neon-green: #00d4aa;--border-color: rgba(255, 255, 255, .06);--shadow-color: rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-display: "Inter", sans-serif;--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-spring: .6s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f0f0f5;--bg-glass: rgba(255, 255, 255, .7);--bg-glass-border: rgba(0, 0, 0, .08);--text-primary: #1a1a2e;--text-secondary: #4a4a5e;--text-muted: #8a8a9e;--accent-primary: #5a52e0;--accent-secondary: #00b894;--accent-gradient: linear-gradient(135deg, #5a52e0, #00b894);--accent-glow: rgba(90, 82, 224, .2);--border-color: rgba(0, 0, 0, .08);--shadow-color: rgba(0, 0, 0, .1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}::selection{background:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}button{border:none;outline:none;cursor:pointer;font-family:inherit;background:transparent}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 clamp(1rem,5vw,3rem)}.section{padding:clamp(4rem,10vh,8rem) 0;position:relative}.glass-card{background:var(--bg-glass);border:1px solid var(--bg-glass-border);border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:transform var(--transition-base),box-shadow var(--transition-base)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 20px 60px var(--shadow-color)}.gradient-text{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow{box-shadow:0 0 20px var(--accent-glow),0 0 60px #6c63ff1a}.heading-xl{font-size:clamp(2.5rem,6vw,5rem);font-weight:800;letter-spacing:-.03em;line-height:1.1}.heading-lg{font-size:clamp(2rem,4vw,3.5rem);font-weight:700;letter-spacing:-.02em;line-height:1.2}.heading-md{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:600;letter-spacing:-.01em}.text-lg{font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7}.text-body{font-size:1rem;line-height:1.7;color:var(--text-secondary)}.text-mono{font-family:var(--font-mono);font-size:.875rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow),0 0 80px #6c63ff1a}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-primary)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}
