:root{--neon: #ffffff;--neon-dim: #c7c7c7;--neon-glow: rgba(255, 255, 255, .18);--neon-subtle: rgba(255, 255, 255, .06);--bg-primary: #050505;--bg-secondary: #0b0b0b;--bg-card: #0f0f0f;--bg-card-hover: #171717;--border: rgba(255, 255, 255, .14);--border-bright: rgba(255, 255, 255, .3);--text-primary: #f5f5f5;--text-secondary: #c0c0c0;--text-muted: #7a7a7a;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-logo: "Bruno Ace SC", system-ui, sans-serif}:root[data-theme=light]{--neon: #111111;--neon-dim: #555555;--neon-glow: rgba(0, 0, 0, .08);--neon-subtle: rgba(0, 0, 0, .03);--bg-primary: #f3f4f6;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #e5e7eb;--border: rgba(15, 23, 42, .12);--border-bright: rgba(15, 23, 42, .28);--text-primary: #020617;--text-secondary: #4b5563;--text-muted: #9ca3af}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--neon-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neon)}::selection{background:var(--neon-glow);color:#000}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--neon-glow),0 0 16px var(--neon-glow)}50%{box-shadow:0 0 14px var(--neon-glow),0 0 28px var(--neon-glow),0 0 40px var(--neon-glow)}}@keyframes textGlow{0%,to{text-shadow:0 0 6px var(--neon-glow),0 0 12px var(--neon-glow)}50%{text-shadow:0 0 10px var(--neon-glow),0 0 20px var(--neon-glow)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes gridMove{0%{background-position:0 0}to{background-position:40px 40px}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes skillFill{0%{width:0%}to{width:var(--target-width)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) translate(var(--dx));opacity:0}}.neon-text{color:var(--neon);text-shadow:0 0 6px var(--neon-glow)}.section-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--neon);letter-spacing:.2em;text-transform:uppercase;margin-bottom:.75rem}.section-title{font-size:clamp(2rem,4vw,2.8rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.section-subtitle{color:var(--text-secondary);font-size:1.05rem;max-width:540px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0;position:relative}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:4px;font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s ease;text-decoration:none;border:none;outline:none;position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--neon-subtle),transparent);transition:left .4s ease}.btn:hover:before{left:100%}.btn-primary{background:var(--neon);color:#000;box-shadow:0 0 10px var(--neon-glow)}.btn-primary:hover{background:var(--neon);box-shadow:0 0 16px var(--neon-glow),0 0 26px var(--neon-glow);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--neon);border:1px solid var(--border-bright);box-shadow:0 0 6px var(--neon-subtle)}.btn-outline:hover{background:var(--neon-subtle);box-shadow:0 0 12px var(--neon-glow);transform:translateY(-2px);border-color:var(--neon)}:root[data-theme=light] .btn-primary{background:#020617;color:#f9fafb}:root[data-theme=light] .btn-primary:hover{background:#020617}.neon-card{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.neon-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--neon),transparent);opacity:0;transition:opacity .3s ease}.neon-card:hover{border-color:var(--border-bright);background:var(--bg-card-hover);box-shadow:0 0 20px var(--neon-subtle),0 8px 32px #0006;transform:translateY(-4px)}.neon-card:hover:before{opacity:1}.neon-divider{height:1px;background:linear-gradient(90deg,transparent,var(--neon-dim),transparent);border:none;margin:0;opacity:.4}