:root{--bg-gradient: radial-gradient(circle at 20% 20%, #0d0221, #1b0452 40%, #250c6c 65%, #120038 80%, #000 100%);--color-neon-blue: #4d9fff;--color-neon-purple: #9b59ff;--text-light: #f5f7fa;--text-dark: #0d0f13;--transition-fast: .25s ease}html,body{margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--bg-gradient);color:var(--text-light);min-height:100vh;overflow-x:hidden}body.light{background:linear-gradient(180deg,#fefefe,#eaf7ff 40%,#fff7e8);color:var(--text-dark)}body.light .section{position:relative}body.light .section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(140deg,#4d9fff14,#9b59ff17);opacity:.5}body.light .topic-cards-grid div{transition:transform .3s}body.light .topic-cards-grid div:hover{transform:translateY(-4px)}*{box-sizing:border-box}a{color:var(--color-neon-blue);text-decoration:none}a:hover{text-decoration:underline}.section{width:100%;max-width:1200px;margin:0 auto;padding:100px 24px}body.light .section{border-left:1px solid rgba(0,0,0,.06);border-right:1px solid rgba(0,0,0,.06)}html{scroll-behavior:smooth}.cursor-none{cursor:none}h1,h2,h3{font-weight:600;line-height:1.15}.gradient-text{background:linear-gradient(90deg,var(--color-neon-blue),var(--color-neon-purple));background-clip:text;-webkit-background-clip:text;color:transparent}body.light .gradient-text{filter:drop-shadow(0 1px 0 rgba(0,0,0,.08))}:focus-visible{outline:3px solid var(--color-neon-purple);outline-offset:3px;border-radius:6px}.skip-to-content{position:absolute;left:-999px;top:-999px;background:#000;color:#fff;padding:8px 14px;z-index:200;border-radius:6px;text-decoration:none}.skip-to-content:focus-visible{left:12px;top:12px}.nav-bar{display:flex;justify-content:space-between;align-items:center}.nav-links{display:flex;gap:14px;align-items:center}.nav-links a{position:relative;padding:6px 10px;border-radius:8px;transition:color .3s,background .4s}.nav-links a.active{background:#4d9fff26;color:var(--color-neon-blue)}.nav-links a.active:after{content:"";position:absolute;left:8px;right:8px;bottom:2px;height:2px;background:linear-gradient(90deg,#4d9fff,#9b59ff);border-radius:2px;animation:indicatorSlide .5s ease}@keyframes indicatorSlide{0%{transform:translate(-40%);opacity:0}to{transform:translate(0);opacity:1}}.nav-links a.slide-dir-down{animation:navSlideRight .45s ease}.nav-links a.slide-dir-up{animation:navSlideLeft .45s ease}@keyframes navSlideRight{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes navSlideLeft{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 780px){.nav-links{position:fixed;top:62px;right:12px;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:18px 20px;border-radius:16px;flex-direction:column;align-items:flex-start;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 30px -10px #000;display:none}.nav-links.open{display:flex}.mobile-toggle{display:inline-flex}}@media (min-width: 781px){.mobile-toggle{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}.flex{display:flex}.center{align-items:center;justify-content:center}.fade-in{animation:fadeIn 1s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-input:focus-visible{outline:2px solid var(--color-neon-blue);outline-offset:2px;box-shadow:0 0 0 3px #4d9fff59;border-color:var(--color-neon-purple)}.form-input{transition:border-color .25s,box-shadow .25s,background .25s}.slide-in-left{animation:slideInLeft .8s ease both}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}.slide-in-right{animation:slideInRight .8s ease both}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.skill-bar{position:relative;background:#1e1e2a;border-radius:6px;height:14px;overflow:hidden}.skill-bar.light{background:#e0e6ef}.skill-bar-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--color-neon-blue),var(--color-neon-purple));box-shadow:0 0 10px var(--color-neon-purple)}footer{padding:60px 24px;text-align:center;font-size:14px;opacity:.7}.btn-primary{color:#fff;text-decoration:none}.btn-outline{text-decoration:none;color:#fff;border:2px solid var(--color-neon-blue);border-radius:24px;display:inline-flex;align-items:center;gap:6px}body.light .btn-outline{background:#fff!important;color:#0b2340!important;border-color:#2a6bdc!important;box-shadow:0 2px 10px #00000014!important}body.light .btn-outline:hover{background:#f5f8ff!important}body.light .btn-primary{text-shadow:0 1px 0 rgba(0,0,0,.3);box-shadow:0 8px 20px #00000026;border:1px solid rgba(0,0,0,.08)!important}