@font-face{font-family:'Poppins Fallback';src:local('Arial');size-adjust:112.5%;ascent-override:93%;descent-override:28%;line-gap-override:9%}@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/poppins-400.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/poppins-500.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/poppins-600.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/poppins-700.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/poppins-800.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#12151A;--surface:#1D1F25;--text:#FFFFFF;--text-muted:rgba(255,255,255,0.7);--border:rgba(255,255,255,0.15);--accent:#D9FE06;--accent-hover:#c5e805;--accent-fg:#FFFFFF;--accent-text:#12151A;--heading:#FFFFFF;--brand:#D9FE06;--code-bg:#0d0f14;--code-text:#e0e0e0;--quiz-correct-bg:#1a3a1a;--quiz-correct-border:#4CAF50;--quiz-correct-text:#4CAF50;--quiz-wrong-bg:#3a1a1a;--quiz-wrong-border:#f44336;--quiz-wrong-text:#f44336;--score-bg:rgba(255,255,255,0.08);--score-border:rgba(255,255,255,0.2);--icon-size:20px;--font:'Poppins','Poppins Fallback',sans-serif;--font-code:'Fira Code',Consolas,monospace;--text-6xl:96px;--text-5xl:80px;--text-4xl:72px;--text-3xl:64px;--text-2xl:56px;--text-xl:48px;--text-h1:40px;--text-h2:32px;--text-h3:28px;--text-h4:24px;--text-h5:20px;--text-h6:18px;--text-lg:16px;--text-md:14px;--text-sm:12px;--text-xs:10px;--lh:140%;--info:#2196F3;--info-bg:rgba(33,150,243,0.15);--info-border:rgba(33,150,243,0.3);--info-bg-subtle:rgba(33,150,243,0.05);--warning:#ff9800;--warning-bg:rgba(255,152,0,0.15);--warning-border:rgba(255,152,0,0.4);--warning-bg-subtle:rgba(255,152,0,0.08);--success:#4CAF50;--success-bg:rgba(76,175,80,0.15);--success-border:rgba(76,175,80,0.4);--success-bg-subtle:rgba(76,175,80,0.08);--danger:#f44336;--danger-bg:rgba(244,67,54,0.15);--danger-border:rgba(244,67,54,0.3);--danger-bg-subtle:rgba(244,67,54,0.08);--eli5-primary:#f7c948;--eli5-secondary:#ff6b35;--eli5-bg:linear-gradient(135deg,rgba(255,107,53,0.1),rgba(247,201,72,0.1));--playground-output-bg:#0a0c10;--yt-color:#f44;--gemini-color:#4285f4;--gpt-color:#10a37f;--cert-bg:#12151A;--cert-text:#fff;--cert-muted:rgba(255,255,255,0.6);--cert-faint:rgba(255,255,255,0.4);--bar-track:rgba(255,255,255,0.1);--badge-bg:#FFFFFF;--badge-text:#12151A}html[data-theme="light"]{--brand:#12151A;--bg:#F4F5F5;--surface:#FFFFFF;--text:#12151A;--text-muted:rgba(18,21,26,0.75);--border:#DDDDDD;--accent:#D9FE06;--accent-hover:#b8d804;--accent-fg:#12151A;--accent-text:#12151A;--heading:#12151A;--code-bg:#1e1e2e;--code-text:#e0e0e0;--quiz-correct-bg:#e8f5e9;--quiz-correct-border:#4CAF50;--quiz-correct-text:#2e7d32;--quiz-wrong-bg:#fbe9e7;--quiz-wrong-border:#f44336;--quiz-wrong-text:#c62828;--score-bg:rgba(18,21,26,0.05);--score-border:rgba(18,21,26,0.15);--info:#1976D2;--info-bg:rgba(33,150,243,0.12);--info-border:rgba(33,150,243,0.35);--info-bg-subtle:rgba(33,150,243,0.06);--warning:#e68a00;--warning-bg:rgba(255,152,0,0.12);--warning-border:rgba(255,152,0,0.35);--warning-bg-subtle:rgba(255,152,0,0.06);--success:#2e7d32;--success-bg:rgba(76,175,80,0.12);--success-border:rgba(76,175,80,0.35);--success-bg-subtle:rgba(76,175,80,0.06);--danger:#c62828;--danger-bg:rgba(244,67,54,0.12);--danger-border:rgba(244,67,54,0.25);--danger-bg-subtle:rgba(244,67,54,0.06);--eli5-primary:#e6a800;--eli5-secondary:#e55a1b;--eli5-bg:linear-gradient(135deg,rgba(255,107,53,0.08),rgba(247,201,72,0.08));--playground-output-bg:#1e1e2e;--yt-color:#cc0000;--gemini-color:#1a73e8;--gpt-color:#0d8a6a;--cert-bg:#12151A;--cert-text:#fff;--cert-muted:rgba(255,255,255,0.6);--cert-faint:rgba(255,255,255,0.4);--bar-track:rgba(18,21,26,0.1);--badge-bg:var(--accent-fg);--badge-text:var(--bg)}*{margin:0;padding:0;box-sizing:border-box}h1,h2,h3,h4,h5,h6{line-height:1.3}body{background:var(--bg);color:var(--text);font-family:'Poppins','Poppins Fallback',sans-serif;font-size:var(--text-lg);line-height:var(--lh);transition:background 0.3s,color 0.3s,border-color 0.3s}.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--accent,#D9FE06);color:var(--accent-text,#12151A);padding:0.8rem 1.5rem;border-radius:0 0 8px 8px;font-weight:600;font-family:'Poppins','Poppins Fallback',sans-serif;z-index:10000;text-decoration:none;font-size:14px}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}}:focus-visible{outline:2px solid var(--heading);outline-offset:2px}input:focus-visible,textarea:focus-visible,[contenteditable="true"]:focus-visible{border-color:var(--heading) !important;box-shadow:0 0 0 2px rgba(255,255,255,0.15)}.icon{display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size);height:var(--icon-size);vertical-align:middle}.section-icon{display:inline-flex;align-items:center;margin-right:0.4rem;color:var(--heading)}.section-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.point-inline-code{font-family:'Fira Code',Consolas,monospace;font-size:0.9em;background:var(--code-bg);padding:0.1em 0.35em;border-radius:4px;color:var(--code-text);white-space:pre-wrap;word-break:break-all}.kbd{display:inline-block;padding:0.1rem 0.4rem;background:var(--bg);border:1px solid var(--border);border-radius:4px;font-size:var(--text-xs);color:var(--text-muted);font-family:"Fira Code",monospace}.reveal{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.toast{position:fixed;bottom:2rem;left:50%;transform:translateX(-50%) translateY(100px);background:var(--surface);border:1px solid var(--heading);border-radius:12px;padding:0.8rem 1.5rem;color:var(--text);font-size:var(--text-md);z-index:10001;opacity:0;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 20px rgba(0,0,0,0.3);display:flex;align-items:center;gap:0.5rem;max-width:90vw}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.btn{padding:0.7rem 2rem;border-radius:8px;cursor:pointer;font-size:var(--text-md);line-height:var(--lh);font-weight:600;border:none;transition:all 0.2s;font-family:'Poppins','Poppins Fallback',sans-serif}.btn-prev{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-prev:hover{border-color:var(--heading);color:var(--heading)}.btn-next{background:var(--heading);color:var(--bg);font-weight:700}.btn-next:hover{background:var(--accent-hover)}.btn--hire{display:inline-block;padding:0.35rem 0.8rem;font-size:var(--text-sm);font-weight:600;font-family:'Poppins','Poppins Fallback',sans-serif;background:transparent;color:var(--text);border:2px solid var(--accent);border-radius:8px;text-decoration:none;transition:box-shadow 0.2s,background 0.2s,color 0.2s;white-space:nowrap}.btn--hire:hover{background:rgba(217,254,6,0.12);color:var(--accent-fg);box-shadow:0 0 12px rgba(217,254,6,0.35)}.btn-pill{padding:8px 16px;height:36px;background:var(--heading);color:var(--bg);font-weight:700;font-size:var(--text-md);font-family:var(--font);border-radius:22px;border:none;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap;display:inline-flex;align-items:center;line-height:var(--lh);cursor:pointer}.btn-pill:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(217,254,6,0.3)}.btn-pill-ghost{padding:8px 16px;height:36px;background:transparent;color:var(--text);border:1px solid var(--text);border-radius:22px;cursor:pointer;font-size:var(--text-md);font-family:var(--font);transition:all 0.2s;line-height:var(--lh)}.btn-pill-ghost:hover{border-color:var(--heading);color:var(--accent-fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all 0.3s}.card:hover{transform:translateY(-2px);box-shadow:0 4px 20px rgba(0,0,0,0.1)}.card-accent{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem;transition:transform 0.2s,background 0.3s,border-color 0.3s;border-left:3px solid var(--heading)}.card-accent:hover{transform:translateY(-3px)}.course-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2rem;transition:all 0.3s;position:relative;overflow:hidden}.course-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent-fg)}.course-card:hover{transform:translateY(-4px);border-color:var(--accent-fg)}.badge{display:inline-block;padding:0.2rem 0.6rem;background:var(--accent-fg);color:var(--bg);border-radius:22px;font-size:var(--text-xs);font-weight:700}.badge-pill{display:inline-block;padding:0.3rem 1rem;background:var(--heading);color:var(--bg);border-radius:999px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px}.tag{padding:0.15rem 0.5rem;background:rgba(18,21,26,0.06);border:1px solid rgba(18,21,26,0.15);border-radius:6px;font-size:var(--text-xs);color:var(--accent-fg)}.diff-badge{display:inline-flex;align-items:center;gap:0.3rem;padding:0.15rem 0.5rem;border-radius:22px;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:0.5px;line-height:var(--lh);background:var(--surface);color:var(--text-muted);border:1px solid var(--border);vertical-align:middle}.diff-beginner{background:var(--heading);color:var(--bg);border-color:var(--heading)}.diff-intermediate{background:var(--surface);color:var(--text);border-color:var(--border)}.diff-advanced{background:var(--text);color:var(--bg);border-color:var(--text)}.progress-bar{height:8px;background:var(--bar-track);border-radius:8px;overflow:hidden;border:1px solid var(--border);transition:background 0.3s,border-color 0.3s}.progress-fill{height:100%;background:var(--accent-fg);border-radius:8px;transition:width 0.4s}.progress-text{margin-top:0.4rem;font-size:var(--text-sm);line-height:var(--lh);color:var(--text-muted)}.xp-bar-container{display:flex;align-items:center;gap:0.8rem;margin-top:0.6rem}.xp-level-badge{background:var(--badge-bg);color:var(--badge-text);font-weight:800;font-size:var(--text-sm);padding:0.2rem 0.6rem;border-radius:999px;white-space:nowrap}.xp-bar{flex:1;height:8px;background:var(--bar-track);border-radius:8px;overflow:hidden;border:1px solid var(--border)}.xp-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent-fg),var(--brand));border-radius:8px;transition:width 0.6s cubic-bezier(0.4,0,0.2,1)}.xp-text{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.xp-popup{position:fixed;top:80px;right:20px;background:var(--surface);border:2px solid var(--heading);border-radius:12px;padding:0.8rem 1.2rem;z-index:9998;animation:popIn 0.4s ease,fadeOut 0.3s ease 1.7s forwards;font-weight:700;color:var(--heading);box-shadow:0 4px 20px rgba(255,255,255,0.1)}.code-block{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin:0.5rem 0 1.5rem;overflow-x:auto;font-family:"Fira Code",Consolas,monospace;font-size:var(--text-sm);line-height:var(--lh);color:var(--code-text);white-space:pre;transition:background 0.3s,border-color 0.3s,color 0.3s}.code-toggle{display:inline-block;margin:1.5rem 0;padding:0.6rem 1.5rem;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;font-size:var(--text-md);line-height:var(--lh);transition:all 0.2s}.code-toggle:hover{background:var(--bg);border-color:var(--heading);color:var(--heading)}.quiz-box{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.2rem;margin:1.2rem 0;transition:background 0.3s,border-color 0.3s}.quiz-box h4{color:var(--heading);margin-bottom:0.5rem;font-size:var(--text-lg);line-height:var(--lh);font-weight:700}.quiz-btn{display:block;width:100%;text-align:left;padding:0.6rem 1rem;margin:0.3rem 0;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-size:var(--text-md);line-height:var(--lh);transition:all 0.2s;font-family:'Poppins','Poppins Fallback',sans-serif}.quiz-btn:hover{border-color:var(--heading);color:var(--heading)}.quiz-btn.correct{background:var(--quiz-correct-bg);border-color:var(--quiz-correct-border);color:var(--quiz-correct-text)}.quiz-btn.wrong{background:var(--quiz-wrong-bg);border-color:var(--quiz-wrong-border);color:var(--quiz-wrong-text)}.quiz-counter{color:var(--heading);font-size:var(--text-md);margin-bottom:0.8rem;font-weight:600}.quiz-score{margin-top:1.5rem;padding:1rem;background:var(--score-bg);border:1px solid var(--score-border);border-radius:8px;text-align:center;color:var(--heading);font-weight:600;display:none}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.3s ease;backdrop-filter:blur(4px)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:560px;width:100%;padding:1.5rem;position:relative;max-height:80vh;overflow-y:auto;animation:popIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 0 40px rgba(255,255,255,0.08)}.achievement-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn 0.3s ease;backdrop-filter:blur(4px)}.achievement-card{background:var(--surface);border:2px solid var(--heading);border-radius:16px;padding:2.5rem 2rem;max-width:420px;width:90%;text-align:center;animation:popIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275);box-shadow:0 0 40px rgba(255,255,255,0.08),0 0 80px rgba(255,255,255,0.03);position:relative;overflow:hidden}.achievement-card::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;height:4px;background:var(--heading)}.achievement-icon{width:72px;height:72px;margin:0 auto 1rem;background:var(--heading);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:bounce 0.6s ease 0.3s both}.achievement-icon svg{width:36px;height:36px;stroke:var(--accent-text);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.achievement-badge{display:inline-block;padding:0.3rem 1rem;background:var(--heading);color:var(--bg);border-radius:999px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:0.8rem}.achievement-title{font-size:var(--text-h4);font-weight:800;color:var(--heading);margin-bottom:0.4rem}.achievement-subtitle{font-size:var(--text-lg);color:var(--text-muted);margin-bottom:0.3rem}.achievement-score{font-size:var(--text-h2);font-weight:800;color:var(--heading);margin:0.8rem 0}.achievement-msg{font-size:var(--text-md);color:var(--text-muted);margin-bottom:1.2rem;line-height:var(--lh)}.achievement-close{padding:0.6rem 2rem;background:var(--heading);color:var(--bg);border:none;border-radius:8px;font-size:var(--text-md);font-weight:700;cursor:pointer;font-family:'Poppins','Poppins Fallback',sans-serif;transition:all 0.2s}.achievement-close:hover{background:var(--accent-hover);transform:translateY(-1px)}.achievement-stars{display:flex;justify-content:center;gap:0.5rem;margin:0.8rem 0}.achievement-star{width:28px;height:28px;transition:all 0.3s}.achievement-star.filled{stroke:var(--heading);fill:var(--heading);animation:starPop 0.3s ease both}.achievement-star.empty{stroke:var(--border);fill:none}.confetti-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10000;overflow:hidden}.confetti{position:absolute;width:8px;height:8px;top:-10px;animation:confettiFall linear forwards}.nav-link{color:var(--text-muted);text-decoration:none;font-size:var(--text-md);line-height:var(--lh);font-weight:500;transition:color 0.2s}.nav-link:hover{color:var(--accent-fg)}.nav-link--icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text);border-radius:8px}.nav-link--icon:hover{color:var(--accent-fg)}.nav-link--bordered{border:1px solid currentColor;border-radius:8px;padding:8px 12px;white-space:nowrap}.header-icon-btn{border:none;background:transparent;color:var(--text-muted);box-shadow:none}.header-icon-btn:hover{color:var(--text);background:transparent}.teamz-logo{display:inline-flex;align-items:center;color:var(--text);text-decoration:none}.teamz-logo:hover{color:var(--accent-fg);text-decoration:none}.trust-strip{text-align:center;padding:0.5rem 1.2rem;font-family:var(--font);font-size:var(--text-sm);font-weight:500;color:var(--text);line-height:var(--lh)}.trust-strip strong{color:var(--heading);font-weight:700}.trust-strip a{color:var(--heading);text-decoration:underline;font-weight:700;transition:opacity 0.2s}.trust-strip a:hover{opacity:0.85}.build-cta{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.2rem;margin:1.5rem 0}.build-cta__icon{flex-shrink:0;color:var(--accent-fg)}.build-cta__text{flex:1;font-size:var(--text-md);line-height:var(--lh)}.build-cta__text strong{display:block;color:var(--text);font-size:var(--text-md);margin-bottom:0.15rem}.build-cta__text span{color:var(--text-muted);font-size:var(--text-sm)}.build-cta__btn{flex-shrink:0;padding:8px 16px;height:36px;background:var(--accent);color:var(--accent-text);font-weight:700;font-size:var(--text-md);font-family:var(--font);border-radius:22px;text-decoration:none;transition:transform 0.2s,box-shadow 0.2s;white-space:nowrap;display:inline-flex;align-items:center;line-height:var(--lh)}.build-cta__btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(217,254,6,0.3)}.branding-cta{margin:1.5rem 0;padding:1.2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;transition:background 0.3s,border-color 0.3s}.branding-cta__title{font-size:var(--text-md);font-weight:700;color:var(--heading);margin-bottom:0.4rem;display:flex;align-items:center;gap:0.5rem}.branding-cta__desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 0.8rem;line-height:var(--lh)}.branding-cta__btn{display:inline-flex;align-items:center;gap:0.4rem;padding:8px 16px;height:36px;background:var(--heading);color:var(--bg);border:none;border-radius:22px;text-decoration:none;font-size:var(--text-sm);font-weight:600;font-family:var(--font);transition:all 0.3s}.branding-cta__btn:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(255,255,255,0.1)}.teamz-cta{text-align:center;margin-bottom:1rem}.teamz-cta__label{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:0.6rem}.teamz-cta__links{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.teamz-cta__link{color:var(--accent-fg);text-decoration:none;font-weight:600;font-size:var(--text-sm)}.teamz-cta__link:hover{text-decoration:underline}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes popIn{from{transform:scale(0.7) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.2)}70%{transform:scale(0.9)}100%{transform:scale(1)}}@keyframes starPop{0%{transform:scale(0) rotate(-30deg)}60%{transform:scale(1.3) rotate(10deg)}100%{transform:scale(1) rotate(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes countUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes flipIn{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes fadeOut{to{opacity:0;transform:translateY(-10px)}}@keyframes coffee-wobble{0%,100%{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-2deg)}75%{transform:translateY(-1px) rotate(2deg)}}@keyframes coffee-glow{0%,100%{box-shadow:0 4px 20px rgba(255,221,0,0.3)}50%{box-shadow:0 4px 28px rgba(255,221,0,0.6),0 0 0 6px rgba(255,221,0,0.12)}}[dir="rtl"]{direction:rtl;text-align:right}[dir="rtl"] .sidebar{left:auto;right:0;transform:translateX(100%);border-right:none;border-left:1px solid var(--border)}[dir="rtl"] .sidebar.open{transform:translateX(0)}[dir="rtl"] .main{margin-left:0;margin-right:260px}[dir="rtl"] .quiz-btn{text-align:right}[dir="rtl"] .point-title{text-align:right}[dir="rtl"] .flashcard-front{border-left:none;border-right:3px solid var(--heading)}[dir="rtl"] .flip-hint{right:auto;left:1rem}[dir="rtl"] .bookmark-btn{right:auto;left:0.8rem}[dir="rtl"] .sidebar-item-id{margin-right:0;margin-left:0.4rem}[dir="rtl"] .notes-float{right:auto;left:1.5rem}[dir="rtl"] .sidebar-toggle{left:auto;right:1.5rem}[dir="rtl"] .hdr-hamburger{margin-right:0;margin-left:0.5rem}[dir="rtl"] .diagram-arrow{transform:scaleX(-1)}[dir="rtl"] .nav-btns{flex-direction:row-reverse}[dir="rtl"] .prereq-chip{margin-right:0;margin-left:0.3rem}[dir="rtl"] code,[dir="rtl"] pre,[dir="rtl"] .code-block{direction:ltr;text-align:left}@media(max-width:900px){[dir="rtl"] .main{margin-right:0}}@media(max-width:700px){header{padding:1rem}.hdr-top{gap:0.5rem;align-items:center}.hdr-left{gap:0.5rem;min-width:0;flex:1 1 auto}.hdr-actions{gap:0.4rem;justify-content:flex-end;margin-left:auto}.hdr-utils{margin-left:0.2rem;gap:0.15rem}.hdr-txt h1{font-size:var(--text-h5);line-height:1.2}.hdr-txt p{font-size:var(--text-xs)}.theme-toggle,.nav-link--icon{width:38px;height:38px;padding:6px}.theme-toggle svg,.nav-link--icon svg{width:18px;height:18px}.nav-link--bordered{padding:5px 8px;font-size:var(--text-sm)}.btn--hire{padding:0.3rem 0.6rem;font-size:var(--text-xs)}.logo svg{width:24px;height:24px}main{padding:0 0.75rem;margin:1rem auto}.two-col{grid-template-columns:1fr}.lesson-title{font-size:var(--text-h5)}.points{grid-template-columns:1fr;gap:0.8rem;margin:1rem 0}.point{padding:1rem}.code-block{padding:0.8rem;font-size:var(--text-xs);border-radius:8px;margin:0.5rem 0 1rem}.code-toggle{padding:0.5rem 1rem;font-size:var(--text-sm);margin:1rem 0}.quiz-box{padding:1rem;margin:1rem 0}.quiz-btn{padding:0.7rem 0.8rem;font-size:var(--text-sm)}.nav-btns{gap:0.5rem;margin:1.5rem 0}.btn{padding:0.6rem 1.2rem;font-size:var(--text-sm)}.analogy-box{padding:1.2rem;margin:1rem 0}.fun-fact{padding:1rem;margin:0.8rem 0}.challenge{padding:1rem;margin:0.8rem 0}.col-box{padding:1rem}.flashcards{grid-template-columns:1fr;gap:0.8rem;margin:1rem 0}.flashcard{min-height:220px}.flashcard-face{padding:1.2rem 1rem 2rem}.dashboard{padding:1rem;margin:1rem auto}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dash-card{padding:1rem}.dash-stat{font-size:var(--text-h3)}footer{padding:1.5rem 1rem}.progress-text{font-size:var(--text-xs)}.build-cta{flex-direction:column;text-align:center}.build-cta__icon{display:none}.achievement-card{padding:1.5rem 1rem}.achievement-icon{width:56px;height:56px}.achievement-icon svg{width:28px;height:28px}.achievement-title{font-size:var(--text-h5)}.achievement-score{font-size:var(--text-h3)}.trust-strip{padding:0.6rem 0.8rem;font-size:var(--text-xs)}}@media(max-width:480px){.hdr-txt h1{font-size:var(--text-h6)}.hdr-txt p{display:none}.lesson-title{font-size:var(--text-lg);word-break:break-word}.lesson-sub{font-size:var(--text-xs)}header{padding:0.75rem}.hdr-top{gap:0.4rem}.hdr-left{flex:1 1 100%}.hdr-actions{gap:0.35rem;justify-content:flex-end}}