:root{--bg:#06080c;--bg-2:#0b0f16;--bg-3:#111820;--text:#e8ecf1;--text-dim:#6b7a8d;--text-mid:#8fa3b8;--accent:#00e5a0;--accent-dim:#00e5a01f;--accent-glow:#00e5a040;--accent-3:#00e5a008;--accent-4:#00e5a00a;--accent-8:#00e5a014;--accent-10:#00e5a01a;--accent-15:#00e5a026;--accent-20:#00e5a033;--accent-30:#00e5a04d;--red:#ff4d6a;--red-4:#ff4d6a0a;--red-10:#ff4d6a1a;--red-20:#ff4d6a33;--yellow:#ffc857;--blue:#4da6ff;--purple:#a78bfa;--border-subtle:#ffffff08;--border-light:#ffffff0a;--border-medium:#ffffff0f;--border-strong:#ffffff1a;--white-5:#ffffff0d;--white-8:#ffffff14;--overlay-light:#00000008;--overlay-medium:#0000001a;--overlay-heavy:#0003;--overlay-dark:#0000004d;--overlay-darker:#0006;--nav-bg:#06080cb3;--nav-border:#00e5a00f;--grid-line:#00e5a008}[data-theme=light]{--bg:#f8fafc;--bg-2:#f1f5f9;--bg-3:#e2e8f0;--text:#0f172a;--text-dim:#64748b;--text-mid:#475569;--accent:#059669;--accent-dim:#0596691f;--accent-glow:#05966940;--accent-3:#05966908;--accent-4:#0596690a;--accent-8:#05966914;--accent-10:#0596691a;--accent-15:#05966926;--accent-20:#05966933;--accent-30:#0596694d;--red-4:#ff4d6a0a;--red-10:#ff4d6a1a;--red-20:#ff4d6a33;--border-subtle:#00000008;--border-light:#0000000f;--border-medium:#00000014;--border-strong:#0000001f;--white-5:#00000008;--white-8:#0000000d;--overlay-light:#00000008;--overlay-medium:#0000000f;--overlay-heavy:#0000001a;--overlay-dark:#00000026;--overlay-darker:#0003;--nav-bg:#f8fafccc;--nav-border:#0596691a;--grid-line:#0596690f}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;transition:background .3s,color .3s;overflow-x:hidden}.skip-link{background:var(--accent);color:var(--bg);z-index:1000;border-radius:0 0 8px;padding:8px 16px;font-weight:600;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.section{z-index:1;padding:120px 40px;position:relative}.animate-on-scroll{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(30px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.animate-on-scroll.delay-1{transition-delay:.1s}.animate-on-scroll.delay-2{transition-delay:.2s}.animate-on-scroll.delay-3{transition-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@keyframes slideChallenge{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.animate-in{opacity:0;animation:.6s ease-out forwards fadeInUp;transform:translateY(24px)}.code-body .kw{color:var(--blue)}.code-body .str{color:var(--accent)}.code-body .fn{color:var(--yellow)}.code-body .cm{color:var(--text-dim)}.code-body .var{color:var(--purple)}.op{color:var(--accent)}.num{color:var(--blue)}.delim{color:var(--text-dim)}.skeleton{background:linear-gradient(90deg,var(--bg-3)25%,var(--bg-2)50%,var(--bg-3)75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite skeleton-loading}.skeleton-line{height:16px;margin-bottom:8px}.skeleton-line:last-child{width:60%}.typing-cursor{background:var(--accent);vertical-align:middle;width:2px;height:16px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}@media (max-width:1024px){.section{padding:100px 32px}}@media (max-width:768px){.section{padding:80px 20px}}@media (max-width:480px){.section{padding:60px 16px}}