.hero{border-bottom:var(--border-width) solid var(--foreground);flex-direction:column;justify-content:center;min-height:calc(100vh - 72px);padding-block:160px;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.hero-badge{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground);background-color:var(--muted);border-radius:var(--radius-full);border:var(--border-width) solid var(--border);align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;display:inline-flex}.hero-badge-dot{background-color:var(--secondary);border-radius:50%;width:8px;height:8px;animation:3s ease-in-out infinite float}.hero-title{font-family:var(--font-heading);color:var(--foreground);margin:0 0 24px;font-size:clamp(2.6rem,5vw,4.2rem);font-weight:900;line-height:1.07}.hero-highlight{color:var(--accent);display:inline-block;position:relative}.hero-squiggle{width:100%;height:12px;color:var(--tertiary);position:absolute;bottom:-6px;left:0}.hero-subtitle{font-size:var(--text-md);color:var(--muted-foreground);max-width:480px;margin:0 0 36px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.hero-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.hero-shape{position:absolute}.hero-shape--circle{background-color:var(--tertiary);opacity:.16;border-radius:50%;width:460px;height:460px;animation:7s ease-in-out infinite float;top:50%;right:-60px;transform:translateY(-50%)}.hero-shape--dots{background-image:radial-gradient(circle, var(--foreground) 1.5px, transparent 1.5px);opacity:.1;background-size:20px 20px;width:220px;height:220px;top:8%;right:30%}.hero-shape--triangle{border-left:46px solid #0000;border-right:46px solid #0000;border-bottom:80px solid var(--secondary);opacity:.55;width:0;height:0;animation:5s ease-in-out 1s infinite float;bottom:10%;right:38%}.hero-shape--pill{border-radius:var(--radius-full);background-color:var(--accent);border:var(--border-width) solid var(--foreground);width:100px;height:44px;box-shadow:3px 3px 0 0 var(--foreground);animation:4s ease-in-out .5s infinite float;top:12%;right:8%;rotate:-12deg}.hero-shape--square{border-radius:var(--radius-sm);background-color:var(--quaternary);border:var(--border-width) solid var(--foreground);width:60px;height:60px;box-shadow:3px 3px 0 0 var(--foreground);animation:20s linear infinite spin-slow;bottom:12%;right:6%}.hero-visual{justify-content:center;display:flex}.hero-lesson-wrap{flex-direction:column;align-items:flex-start;width:min(520px,100%);display:flex}.hero-nudge{color:var(--foreground);transform-origin:0 0;z-index:2;flex-direction:column;align-items:flex-start;margin-bottom:4px;margin-left:20px;display:flex;position:relative;transform:rotate(-8deg)}.hero-nudge-label{font-family:var(--font-heading);font-weight:900;font-size:var(--text-2xl);letter-spacing:.01em;white-space:nowrap;line-height:1.1}.hero-nudge-arrow{mix-blend-mode:multiply;flex-shrink:0;width:130px;height:auto;margin-left:4px}.hero-quiz{background:var(--card);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-lg);width:min(520px,100%);box-shadow:8px 8px 0 0 var(--foreground);transition:rotate var(--transition-base), scale var(--transition-base);padding:28px;rotate:-2deg}.hero-quiz:hover{rotate:none;scale:1.02}.hero-quiz-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.hero-quiz-unit{font-family:var(--font-heading);font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--muted-foreground)}.hero-quiz-reward{font-family:var(--font-heading);font-weight:800;font-size:var(--text-sm);background:var(--muted);border:var(--border-width) solid var(--foreground);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px 4px 4px;display:inline-flex}.hero-quiz-prompt{font-family:var(--font-heading);font-weight:700;font-size:var(--text-lg);color:var(--foreground);margin:0 0 16px;line-height:1.3}.hero-quiz-options{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.hero-quiz-option{font-size:var(--text-sm);border:var(--border-width) solid var(--border);border-radius:var(--radius-sm);color:var(--foreground);align-items:center;gap:10px;padding:11px 14px;line-height:1.4;display:flex}.hero-quiz-option--correct{border-color:var(--secondary);background-color:#0d948814;font-weight:500}.hero-quiz-check{background:var(--secondary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}@media (max-width:960px){.hero{min-height:calc(100vh - 60px);padding-block:72px 80px}.hero-inner{grid-template-columns:1fr;gap:48px}.hero-content{text-align:center}.hero-subtitle{margin-inline:auto}.hero-actions{justify-content:center}.hero-nudge{display:none}.hero-shape--circle{width:320px;height:320px;top:auto;bottom:-80px;right:-80px;transform:none}.hero-shape--dots,.hero-shape--triangle{display:none}.hero-shape--pill{top:4%;right:4%;scale:.7}.hero-shape--square{bottom:4%;left:6%;right:auto;scale:.7}}@media (max-width:480px){.hero{padding-block:40px 48px}.hero-title{font-size:clamp(2rem,10vw,2.6rem)}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center;width:100%}.hero-quiz{padding:18px;rotate:none}.hero-quiz-prompt{font-size:var(--text-md)}.hl-intro-banner{margin:-18px -18px 0;padding:18px}.hero-quiz .lesson-prompt{font-size:var(--text-md)}}.hl-lesson-shell{flex-direction:column;gap:14px;display:flex}.hero-quiz .mc-question{gap:20px}.hero-quiz .lesson-q-area{gap:14px}.hero-quiz .lesson-option{padding:12px 16px}.hl-cta-btn{justify-content:center;width:100%}.hero-quiz .lesson-done{box-shadow:none;background:0 0;border:none;max-width:100%;margin:0;padding:8px 0 0}.hero-quiz .lesson-done .btn{justify-content:center;width:100%}.hl-intro-card{flex-direction:column;gap:16px;display:flex}.hl-intro-banner{border-radius:var(--radius-lg) var(--radius-lg) 0 0;color:#fff;margin:-28px -28px 0;padding:22px 28px}.hl-intro-eyebrow{font-family:var(--font-heading);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#fffc;margin:0 0 6px;font-weight:700}.hl-intro-title{font-family:var(--font-heading);font-weight:900;font-size:var(--text-2xl);color:#fff;margin:0 0 4px;line-height:1.15}.hl-intro-meta{font-size:var(--text-sm);color:#ffffffbf;margin:0}.hl-intro-desc{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;line-height:1.6}.hl-done-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:8px;display:flex}.hl-done-icon{border:var(--border-width) solid var(--foreground);width:64px;height:64px;box-shadow:4px 4px 0 var(--foreground);color:#fff;background:radial-gradient(circle at 35% 28%,#cffafe,#22d3ee 30%,#0d9488 65%,#134e4a 100%);border-radius:50%;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.hl-done-icon--gold{background:radial-gradient(circle at 35% 28%,#fffbeb,#fcd34d 28%,#f59e0b 65%,#dc6803 100%)}.hl-done-heading{font-family:var(--font-heading);font-weight:900;font-size:var(--text-2xl);color:var(--foreground);margin:0}.hl-done-sub{font-size:var(--text-sm);color:var(--muted-foreground);margin:0 0 4px;line-height:1.6}