:root{--neon: #c9a961;--neon-dim: #9c8148;--neon-glow: rgba(201, 169, 97, .25);--neon-subtle: rgba(201, 169, 97, .08);--bg-primary: #12181a;--bg-secondary: #1a2225;--bg-card: #1b2427;--bg-card-hover: #222c30;--border: rgba(245, 241, 232, .12);--border-bright: rgba(201, 169, 97, .35);--text-primary: #f5f1e8;--text-secondary: #c7beac;--text-muted: #8a8275;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-display: "Fraunces", "Georgia", serif;--font-logo: "Bruno Ace SC", system-ui, sans-serif}:root[data-theme=light]{--neon: #8a6a2e;--neon-dim: #6b5323;--neon-glow: rgba(138, 106, 46, .14);--neon-subtle: rgba(138, 106, 46, .06);--bg-primary: #f5f1e8;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #efe9db;--border: rgba(28, 26, 21, .12);--border-bright: rgba(138, 106, 46, .32);--text-primary: #1c1a15;--text-secondary: #4a463c;--text-muted: #6b6558}*,*: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 marqueeScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@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-family:var(--font-display);font-size:clamp(2.1rem,4.4vw,3.2rem);font-weight:600;color:var(--text-primary);margin-bottom:1rem;line-height:1.15}.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:.8rem 1.9rem;border-radius:999px;font-family:var(--font-body);font-size:.82rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;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}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--neon);outline-offset:3px;border-radius:4px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:2100;background:var(--neon);color:var(--bg-primary);font-family:var(--font-mono);font-size:.85rem;font-weight:600;padding:.65rem 1.25rem;border-radius:4px;text-decoration:none;transition:top .2s ease}.skip-link:focus{top:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.logo-marquee-track{animation:marqueeScroll 28s linear infinite}.logo-marquee-track:hover{animation-play-state:paused}.about-highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}@media(max-width:480px){.about-highlights-grid,.contact-form-row{grid-template-columns:1fr}}
