:root{--bg:#070a0f;--panel:#111824;--text:#f6f7f9;--muted:#aeb7c6;--gold:#e8b44f;--blue:#68adff;--line:rgba(255,255,255,.13);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,sans-serif;line-height:1.6;overflow-x:hidden}img{display:block;max-width:100%}button,input{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}
.lesson-header{position:fixed;inset:0 0 auto;z-index:50;min-height:66px;padding:0 22px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:rgba(7,10,15,.76);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.brand,.home-link{color:var(--text);text-decoration:none;font-weight:800}.brand span{color:var(--gold)}.home-link{text-align:right;color:var(--muted);font-size:.9rem}.lesson-id{color:var(--gold);font-size:.74rem;font-weight:900;letter-spacing:.15em}
.lesson-hero{position:relative;min-height:100svh;display:grid;align-items:end;overflow:hidden;isolation:isolate}.lesson-hero>img{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:58% center;animation:heroHit .7s ease-out both}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(3,5,8,.96),rgba(3,5,8,.74) 42%,rgba(3,5,8,.18) 76%),linear-gradient(180deg,transparent,rgba(3,5,8,.9))}.hero-light-sweep{position:absolute;inset:-30%;z-index:-1;background:linear-gradient(105deg,transparent 38%,rgba(255,225,155,.34) 50%,transparent 62%);transform:translateX(-75%);animation:lightStrike .75s ease .1s forwards}
.hero-copy{width:min(1160px,calc(100% - 32px));margin:auto;padding:125px 0 150px}.eyebrow{margin:0;color:var(--gold);font-size:.76rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1{margin:10px 0 18px;font-size:clamp(4.5rem,11vw,9.5rem);line-height:.82;letter-spacing:-.075em;animation:textHit .4s ease-out .12s both}.hero-copy h1 span{background:linear-gradient(90deg,var(--gold),#fff1bb 48%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p:last-of-type{max-width:620px;color:rgba(255,255,255,.82);font-size:1.12rem}.primary-button,.secondary-button{min-height:48px;border-radius:999px;padding:13px 20px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;cursor:pointer}.primary-button{border:0;background:linear-gradient(135deg,var(--gold),#f5d17d);color:#111}.secondary-button{border:1px solid var(--line);background:rgba(255,255,255,.05);color:var(--text)}
.lesson-meta{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:min(900px,calc(100% - 32px));display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;background:rgba(7,10,15,.62);backdrop-filter:blur(14px)}.lesson-meta div{padding:14px 18px;border-right:1px solid var(--line)}.lesson-meta div:last-child{border-right:0}.lesson-meta strong,.lesson-meta span{display:block}.lesson-meta strong{color:var(--gold)}.lesson-meta span{color:var(--muted);font-size:.82rem}
.section{padding:84px 0}.dark-section{background:#0b1018}.section-heading{max-width:780px;margin-bottom:30px}.section-heading h2,.field-layout h2,.mission-complete h2{margin:12px 0 15px;font-size:clamp(2.6rem,6vw,5rem);line-height:.98;letter-spacing:-.055em}.section-heading>p:last-child,.field-layout>div>p:last-child{color:var(--muted)}
.experiment-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px}.photo-lab{position:relative;min-height:600px;border-radius:26px;overflow:hidden;border:1px solid var(--line);background:#111;cursor:crosshair;touch-action:none}.photo-lab>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-darkness{position:absolute;inset:0;background:rgba(4,7,12,.58)}.light-pool{position:absolute;inset:0;background:radial-gradient(circle 210px at var(--lx,22%) var(--ly,35%),rgba(255,235,186,.95),rgba(232,180,79,.26) 35%,transparent 68%);mix-blend-mode:screen;pointer-events:none}.shadow-overlay{position:absolute;inset:0;background:linear-gradient(var(--shadow-angle,130deg),rgba(0,0,0,.64),transparent 52%);pointer-events:none}.sun-control{position:absolute;left:calc(var(--lx,22%) - 30px);top:calc(var(--ly,35%) - 30px);width:60px;height:60px;border:0;border-radius:50%;background:linear-gradient(135deg,#fff3be,var(--gold));color:#5c3c00;font-size:2rem;cursor:grab;box-shadow:0 0 26px rgba(232,180,79,.58)}.direction-label{position:absolute;left:16px;bottom:16px;padding:9px 12px;border-radius:999px;background:rgba(7,10,15,.75);border:1px solid var(--line);font-weight:900}
.lesson-panel{padding:25px;border-radius:var(--radius);border:1px solid var(--line);background:linear-gradient(145deg,rgba(232,180,79,.07),rgba(104,173,255,.05))}.panel-kicker{color:var(--gold);font-size:.74rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.lesson-panel h3{font-size:2rem;margin:8px 0}.lesson-panel>p{color:var(--muted)}.benefit-list{display:grid;gap:9px;margin:22px 0}.benefit-list div{padding:11px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.mark-note{padding:16px;border-radius:15px;background:rgba(232,180,79,.08);border:1px solid rgba(232,180,79,.25)}.mark-note strong{color:var(--gold)}.mark-note p{margin:6px 0 0}.quick-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:18px}.quick-buttons button{min-height:46px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}
.eye-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.eye-grid article,.assignment-card,.quiz-card{padding:22px;border-radius:var(--radius);border:1px solid var(--line);background:rgba(255,255,255,.035)}.eye-grid span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(232,180,79,.12);color:var(--gold);font-weight:900}.eye-grid h3{margin:22px 0 8px}.eye-grid p{color:var(--muted)}
.field-layout{display:grid;grid-template-columns:1fr .9fr;gap:40px;align-items:center}.assignment-card{display:grid;gap:12px}.assignment-card label{padding:12px;border-radius:12px;background:rgba(255,255,255,.04)}.assignment-card input{accent-color:var(--gold)}
.quiz-section{background:radial-gradient(circle at 85% 15%,rgba(232,180,79,.12),transparent 26%),#0a0f17}.quiz-card{max-width:780px}.quiz-progress{height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.quiz-progress span{display:block;width:0;height:100%;background:var(--gold);transition:width .25s ease}#questionNumber{color:var(--gold);font-weight:900}#questionText{font-size:1.65rem}.answer-choices{display:grid;gap:10px;margin:20px 0}.answer-choice{min-height:52px;padding:14px 16px;text-align:left;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);cursor:pointer}.answer-choice.correct{border-color:#73d99a;color:#9ae8b5}.answer-choice.incorrect{border-color:#ff9292;color:#ffb0b0}.quiz-feedback{min-height:28px;color:var(--muted)}.hidden{display:none!important}.mission-complete{padding:100px 0;text-align:center;background:linear-gradient(145deg,#0a0f17,#151d2a)}.mission-complete p{color:var(--muted)}
@keyframes heroHit{from{transform:scale(1.08);filter:brightness(.55)}to{transform:scale(1);filter:brightness(1)}}@keyframes lightStrike{to{transform:translateX(75%)}}@keyframes textHit{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(max-width:900px){.experiment-grid,.field-layout{grid-template-columns:1fr}.eye-grid{grid-template-columns:1fr}.photo-lab{min-height:500px}}@media(max-width:640px){.lesson-header{grid-template-columns:1fr auto;padding:0 12px}.lesson-id{display:none}.hero-copy{width:calc(100% - 24px);padding:110px 0 175px}.hero-copy h1{font-size:clamp(4rem,20vw,6.2rem)}.lesson-meta{grid-template-columns:1fr;bottom:18px}.lesson-meta div{padding:8px 13px;border-right:0;border-bottom:1px solid var(--line)}.section{padding:58px 0}.photo-lab{min-height:390px}.quick-buttons{grid-template-columns:1fr}}