:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-surface:#1a2035;--bg-card:rgba(26,32,53,0.85);--accent-primary:#00d4ff;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg,#00d4ff,#7c3aed);--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:rgba(255,255,255,0.08);--border-accent:rgba(0,212,255,0.3);--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 24px rgba(0,0,0,0.5);--shadow-lg:0 8px 48px rgba(0,0,0,0.6);--shadow-glow:rgba(0,212,255,0.2);--navbar-bg:rgba(10,14,26,0.9);--tag-bg:rgba(0,212,255,0.1);--tag-color:#00d4ff;--timeline-color:rgba(0,212,255,0.3)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-surface:#ffffff;--bg-card:rgba(255,255,255,0.95);--accent-primary:#0284c7;--accent-secondary:#7c3aed;--accent-gradient:linear-gradient(135deg,#0284c7,#7c3aed);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:rgba(0,0,0,0.08);--border-accent:rgba(2,132,199,0.3);--shadow-sm:0 2px 8px rgba(0,0,0,0.07);--shadow-md:0 4px 24px rgba(0,0,0,0.1);--shadow-lg:0 8px 48px rgba(0,0,0,0.14);--shadow-glow:rgba(2,132,199,0.18);--navbar-bg:rgba(248,250,252,0.92);--tag-bg:rgba(2,132,199,0.1);--tag-color:#0284c7;--timeline-color:rgba(2,132,199,0.3)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}img{max-width:100%;height:auto}ol,ul{list-style:none}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:9999px}::selection{background:var(--accent-primary);color:var(--bg-primary)}.section{padding:5rem 0}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.sectionHeader{text-align:center;margin-bottom:3rem}.sectionTitle{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;color:var(--text-primary);margin-bottom:1rem;line-height:1.2}.sectionTitle span{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.sectionSubtitle{font-size:1.1rem;color:var(--text-secondary);max-width:580px;margin:0 auto}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate.visible{opacity:1;transform:translateY(0)}.animateLeft{opacity:0;transform:translateX(-30px);transition:opacity .6s ease,transform .6s ease}.animateLeft.visible{opacity:1;transform:translateX(0)}.animateRight{opacity:0;transform:translateX(30px);transition:opacity .6s ease,transform .6s ease}.animateRight.visible{opacity:1;transform:translateX(0)}