.electric-page{background:var(--cream);color:var(--ink)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:25px;color:var(--muted);font-size:13px}.breadcrumb a{color:var(--purple);text-decoration:none}.electric-hero{display:grid;gap:42px;padding:45px 0 78px}.electric-hero h1{font:700 clamp(43px,10vw,72px)/1.02 'Fredoka';letter-spacing:-.04em;margin:11px 0 21px}.electric-hero h1 em{color:#d98200;font-style:normal}.electric-hero>div:first-child>p:not(.eyebrow){max-width:670px;color:var(--muted);font-size:17px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:27px}
.circuit-scene{position:relative;min-height:390px;border-radius:34px;background:radial-gradient(circle at 70% 40%,#fff8bd 0 15%,transparent 36%),linear-gradient(145deg,#1f2840,#101725);overflow:hidden;box-shadow:0 22px 48px rgba(34,37,56,.2)}.wire-top,.wire-right,.wire-bottom,.wire-left{position:absolute;background:#f5a400}.wire-top{left:21%;right:18%;top:26%;height:5px}.wire-bottom{left:21%;right:18%;bottom:26%;height:5px}.wire-left{left:21%;top:26%;bottom:26%;width:5px}.wire-right{right:18%;top:26%;bottom:26%;width:5px}.battery{position:absolute;z-index:2;left:14%;top:50%;display:flex;align-items:center;gap:3px;transform:translateY(-50%);color:#fff}.battery span,.battery i{display:block;width:8px;background:#fff}.battery span{height:64px}.battery i{height:35px}.battery b{font:700 20px 'Fredoka'}.resistor{position:absolute;z-index:2;left:43%;top:calc(26% - 13px);display:flex;align-items:center}.resistor:before,.resistor:after{content:'';width:20px;height:5px;background:#f5a400}.resistor i{width:18px;height:27px;border:4px solid #ffcf4e;border-right:0;transform:skew(-24deg)}.bulb{position:absolute;z-index:2;right:9%;top:50%;transform:translateY(-50%);text-align:center}.bulb span{display:grid;place-items:center;width:96px;height:96px;border-radius:50%;background:#fff4a8;font-size:62px;filter:drop-shadow(0 0 17px #ffe36e)}.bulb i{display:block;width:38px;height:20px;margin:-4px auto 0;border-radius:0 0 10px 10px;background:#7b8190}.electron{position:absolute;z-index:4;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#60dcff;color:#10314a;font-weight:800;box-shadow:0 0 12px #60dcff}.e1{left:31%;top:calc(26% - 9px)}.e2{right:calc(18% - 9px);bottom:38%}.e3{left:42%;bottom:calc(26% - 9px)}.circuit-label{position:absolute;left:50%;bottom:21px;display:flex;flex-wrap:wrap;justify-content:center;gap:7px;transform:translateX(-50%);width:90%}.circuit-label>*{padding:7px 9px;border-radius:10px;background:#fff;color:#30364c;font-size:12px}.circuit-label strong{background:#60dcff}
.symbol-strip{background:#22283a;color:#fff}.symbol-grid{display:grid;grid-template-columns:repeat(3,1fr)}.symbol-grid>div{display:grid;grid-template-columns:auto 1fr;gap:0 10px;align-items:center;padding:18px 6px;border-right:1px solid rgba(255,255,255,.12)}.symbol-grid strong{grid-row:1/3;display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#f5a400;color:#372700;font:700 24px 'Fredoka'}.symbol-grid span{font:700 15px 'Fredoka'}.symbol-grid small{color:#c9cfdd}
.lesson-section,.examples-section,.simulation-section,.summary-section{padding:80px 0}.section-intro{max-width:830px;margin-bottom:34px}.section-intro h2,.unit-layout h2,.power-section h2,.quiz-layout h2{font:700 clamp(33px,7vw,50px)/1.08 'Fredoka';letter-spacing:-.02em;margin:7px 0 14px}.section-intro>p:last-child,.unit-layout>div:first-child>p:not(.eyebrow),.quiz-layout>div:first-child>p:last-child{color:var(--muted);font-size:16px}.quantity-grid,.worked-grid,.mistake-grid,.pattern-grid{display:grid;gap:17px}.quantity-grid article{padding:24px;border:1px solid var(--line);border-radius:23px;background:#fff}.quantity-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:17px;background:#fff0c7;color:#b66f00;font:700 29px 'Fredoka'}.quantity-grid h3,.worked-grid h3,.mistake-grid h3,.pattern-grid h3{font:700 23px 'Fredoka';margin:12px 0 6px}.quantity-grid p,.worked-grid>article>p,.mistake-grid p,.pattern-grid p{color:var(--muted)}.quantity-grid article>b{display:block;margin-top:13px;color:#ad6900}.quantity-grid article>small{display:block;margin-top:7px;color:#6e7583}.safety-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;margin-top:23px;padding:20px;border-radius:20px;background:#ffded7}.safety-note>span{font-size:29px}.safety-note p{margin:0;color:#67443e}
.formula-section{padding:84px 0;background:#d98200;color:#fff}.light-intro .eyebrow{color:#fff0bf}.light-intro>p:last-child{color:#fff2cf}.formula-layout{display:grid;gap:30px;align-items:center}.formula-triangle{position:relative;display:grid;grid-template-columns:1fr 1fr;place-items:center;width:260px;height:235px;margin:auto;clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff;color:#a76100;padding:38px 45px 27px}.formula-triangle>span{grid-column:1/-1;font:700 55px 'Fredoka'}.formula-triangle>b{font:700 44px 'Fredoka'}.formula-triangle>i{position:absolute;left:23%;right:23%;top:53%;height:4px;background:#d98200}.formula-triangle:after{content:'';position:absolute;left:50%;top:54%;bottom:13%;width:4px;background:#d98200}.formula-cards{display:grid;gap:12px}.formula-cards article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 15px;padding:18px 20px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(255,255,255,.12)}.formula-cards article>span{font-weight:700;color:#fff0c7}.formula-cards p{grid-column:1/-1;margin:0;color:#fff6dd;font-size:13px}.big-formula{font:700 29px 'Fredoka'}.big-formula i{font-style:italic}.fraction{display:inline-grid;grid-template-rows:1fr 1fr;vertical-align:middle;text-align:center;margin:0 4px}.fraction b{padding:0 7px;font:inherit}.fraction b:first-child{border-bottom:2px solid currentColor}
.worked-grid>article{position:relative;padding:25px;border:1px solid var(--line);border-radius:23px;background:#fff;overflow:hidden}.problem-number{position:absolute;right:15px;top:8px;color:#fff1cd;font:700 58px 'Fredoka'}.worked-grid h3{position:relative}.work{display:grid;gap:8px;margin-top:18px;padding:16px;border-radius:16px;background:#fff6dd}.work span{color:var(--muted);font-size:13px}.work b{color:#785d2c}.work strong{color:#a76100}.unit-section{padding:82px 0;background:#fff0c7}.unit-layout{display:grid;gap:30px;align-items:center}.conversion-formulas{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.conversion-formulas b{padding:9px 12px;border-radius:13px;background:#fff;color:#985d00}.converter-card,.calculator-card{padding:24px;border-radius:25px;background:#fff;box-shadow:0 18px 45px rgba(99,68,17,.12)}.converter-card>label,.calculator-card>label,.input-grid label{display:grid;gap:6px;margin-top:10px;color:#5f5d58;font-size:13px;font-weight:700}.converter-card input,.converter-card select,.calculator-card input,.calculator-card select{width:100%;padding:12px 13px;border:1px solid #d8d2c4;border-radius:12px;background:#fff;color:var(--ink);font:700 16px inherit}.converter-result,.calc-result{display:grid;gap:5px;margin-top:15px;padding:17px;border-radius:17px;background:#22283a;color:#fff}.converter-result small,.calc-result small{color:#cbd0dc}.converter-result strong{font:700 32px 'Fredoka'}.converter-result span,.calc-result span{color:#e7e9ee}
.simulation-card{display:grid;gap:25px;padding:25px;border-radius:28px;background:#22283a;color:#fff}.sim-controls{display:grid;gap:20px}.sim-controls label{display:grid;gap:8px;color:#dfe3ec;font-weight:700}.sim-controls input{accent-color:#f5a400}.sim-output{display:grid;grid-template-columns:auto 1fr;gap:19px;align-items:center;padding:20px;border-radius:22px;background:#151a28}.sim-bulb{font-size:69px;filter:drop-shadow(0 0 18px rgba(255,220,63,.8));transition:filter .2s,opacity .2s}.sim-output small{color:#c4cad7}.sim-output strong{display:block;margin:4px 0;font:700 clamp(26px,6vw,38px) 'Fredoka';color:#60dcff}.sim-output p{margin:0;color:#e5e8ef}.pattern-grid{margin-top:18px}.pattern-grid article{padding:20px;border:1px solid var(--line);border-radius:19px;background:#fff}.pattern-grid article>span{color:#ad6900;font-weight:800}
.calculator-section{padding:80px 0;background:#22283a;color:#fff}.calculator-section .calculator-card{max-width:760px;margin:auto;color:var(--ink)}.input-grid{display:grid;gap:12px;margin:13px 0}.calculator-card>.button{width:100%;border:0;margin:6px 0 0}.calc-result strong{font:700 28px 'Fredoka'}.calc-result.error{background:#913f34}.power-section{display:grid;gap:25px;align-items:center;padding:80px 0}.power-section>div:first-child>p:last-child{color:var(--muted)}.power-card{padding:28px;border-radius:25px;background:#ddf8ff;text-align:center}.power-card>b{font:700 clamp(32px,7vw,48px) 'Fredoka';color:#116980}.power-card p{color:var(--muted)}.power-card strong{display:block;color:#14694d;font-size:19px}
.mistake-section{padding:80px 0;background:#151a28;color:#fff}.mistake-grid article{padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08)}.mistake-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#f5a400;color:#3e2c00;font:700 20px 'Fredoka'}.mistake-grid p{color:#d7dce7}.quiz-section{padding:80px 0;background:#fff0c7}.quiz-layout{display:grid;gap:28px}.quiz-card{padding:24px;border-radius:25px;background:#fff;box-shadow:0 17px 40px rgba(102,71,17,.1)}.quiz-progress{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.quiz-card h3{font:700 24px/1.25 'Fredoka';margin:22px 0}.quiz-options{display:grid;gap:9px}.quiz-options button{padding:13px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);text-align:left;font-weight:700;cursor:pointer}.quiz-options button:hover:not(:disabled){border-color:#d98200;background:#fff8e7}.quiz-options button.correct{border-color:#2d8252;background:#e6f7eb;color:#1e6640}.quiz-options button.wrong{border-color:#d85b47;background:#ffebe7;color:#923c2e}#quizFeedback{min-height:52px;color:var(--muted)}
.summary-section{display:grid;gap:22px}.summary-card,.next-card{padding:27px;border-radius:26px}.summary-card{background:#fff0c7}.summary-card h2,.next-card h2{font:700 30px/1.12 'Fredoka';margin:8px 0 15px}.summary-formulas{display:grid;gap:9px}.summary-formulas b{padding:12px;border-radius:13px;background:#fff;color:#a76100;font:700 20px 'Fredoka'}.next-card{background:#fff;border:1px solid var(--line)}.next-card>span{font-size:43px}.next-card p:not(.eyebrow){color:var(--muted)}.electric-share{padding:67px 0;background:#d98200;color:#fff}.share-panel{display:grid;gap:18px}.share-panel .eyebrow{color:#fff0c7}.share-panel h2{font:700 33px 'Fredoka';margin:5px 0}.share-panel p{margin:0;color:#fff4d8}.share-panel .button{justify-self:start;background:#fff;color:#9d5f00}#shareFeedback{grid-column:1/-1;color:#fff7d5}
@media(min-width:700px){.quantity-grid,.worked-grid{grid-template-columns:repeat(3,1fr)}.mistake-grid{grid-template-columns:1fr 1fr}.formula-layout,.unit-layout,.quiz-layout,.power-section{grid-template-columns:1fr 1fr}.pattern-grid,.summary-section{grid-template-columns:1fr 1fr}.share-panel{grid-template-columns:1fr auto;align-items:center}.share-panel>#shareFeedback{grid-column:1/-1}}
@media(min-width:930px){.electric-hero{grid-template-columns:1.03fr .97fr;align-items:center;gap:65px;padding:70px 0 100px}.formula-layout{grid-template-columns:.75fr 1.25fr}.mistake-grid{grid-template-columns:repeat(4,1fr)}.quiz-layout{grid-template-columns:.85fr 1.15fr}.input-grid{grid-template-columns:1fr 1fr}.simulation-card{grid-template-columns:1fr 1fr;align-items:center}}
@media(max-width:620px){.electric-hero,.lesson-section,.examples-section,.simulation-section,.summary-section{padding-top:62px;padding-bottom:62px}.circuit-scene{min-height:330px}.bulb span{width:78px;height:78px;font-size:50px}.circuit-label{bottom:14px}.symbol-grid{grid-template-columns:1fr}.symbol-grid>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:13px 6px}.formula-triangle{width:235px;height:215px}.formula-cards article{grid-template-columns:1fr}.formula-cards p{grid-column:1}.converter-card,.calculator-card{padding:19px}.sim-output{grid-template-columns:1fr;text-align:center}.sim-bulb{font-size:62px}.battery{left:9%}.wire-left{left:17%}.wire-top,.wire-bottom{left:17%}.resistor{left:36%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}