body.light-theme{--bg-primary: #fafbff;--bg-secondary: #f0f2f8;--bg-card: #ffffff;--text-primary: #1a1b2e;--text-secondary: #565872;--accent: #6c63ff;--accent-subtle: #eeeeff;--gradient: linear-gradient(135deg, #6c63ff 0%, #a78bfa 100%);--gradient-hero: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--border: #e2e5f0;--shadow: 0 4px 20px rgba(108, 99, 255, .08);--navbar-bg: rgba(250, 251, 255, .95)}body.dark-theme{--bg-primary: #0d0d1a;--bg-secondary: #13132a;--bg-card: #1a1b30;--text-primary: #e8e8f5;--text-secondary: #9898b5;--accent: #7c73ff;--accent-subtle: #1e1b4b;--gradient: linear-gradient(135deg, #7c73ff 0%, #a78bfa 100%);--gradient-hero: linear-gradient(135deg, #1a1030 0%, #0d0a20 50%, #150f35 100%);--border: #2a2a45;--shadow: 0 4px 20px rgba(0, 0, 0, .3);--navbar-bg: rgba(13, 13, 26, .95)}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Poppins,sans-serif;font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{color:var(--accent);text-decoration:none}section{padding:80px 0}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:16px;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:60px;font-size:1rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #6c63ff26}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.25rem}p{color:var(--text-secondary)}.tech-tag{font-family:Fira Code,monospace;font-size:.75rem;background:var(--accent-subtle);color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:2px 8px;display:inline-block}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes pulse-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}.fade-in-up{animation:fadeInUp .6s ease forwards}.fade-in{animation:fadeIn .5s ease forwards}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}