/* EasyDailyLearn 2026 vivid refresh — theme overlays, preserves original generator. */
:root {--ink:#20223d;--muted:#62677b;--primary:#5a3ce4;--primary-dark:#4328c6;--cream:#fffaf7;--border:#e8e4ef;--shadow:0 24px 65px rgba(68,40,154,.12)}
body{background:#fffefa;color:var(--ink)}
.site-header{background:rgba(255,255,255,.95);border-bottom:1px solid #ece5ff}
.brand{letter-spacing:-.85px;color:#282044;font-weight:850}
.brand-accent{color:#6245e9}.brand-icon{color:#6647ec;filter:drop-shadow(0 2px 5px #6f48f03d)}
.nav a:not(.nav-button):hover{color:#6540ec}.nav-button{background:#6344e8;color:#fff;border-color:#6344e8;box-shadow:0 5px 13px #5b3ad122}.nav-button:hover{background:#4f31c8}
.hero{background:radial-gradient(circle at 68% 18%,#f7d9ff 0,transparent 34%),radial-gradient(circle at 10% 80%,#ffedc1 0,transparent 37%),linear-gradient(125deg,#fff9f1 0%,#faf0ff 54%,#fff5e8 100%)}
.hero-grid{min-height:620px;gap:45px;padding-block:62px 70px;grid-template-columns:.93fr 1.07fr}
.eyebrow{color:#6847cb;border-radius:30px;background:#f1e5ff;border:1px solid #ebdafa;padding:9px 13px;letter-spacing:1.2px;font-size:10px;font-weight:850}
.eyebrow-dot{background:#ff8755;box-shadow:0 0 0 4px #ffdaca}
.hero h1{font-size:clamp(48px,5.5vw,78px);letter-spacing:-3.8px;max-width:560px;margin-bottom:23px;line-height:1.08}
.highlight-text{background:linear-gradient(105deg,#6a3ce9 8%,#d754a9 64%,#ff9752 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-desc{color:#575b72;font-size:18px;max-width:490px}
.hero-actions{margin-top:31px;gap:24px}.btn{border-radius:14px}.btn-primary{background:linear-gradient(100deg,#6943ec,#8c50e9);box-shadow:0 9px 22px #6c48e536}
.btn-primary:hover{background:linear-gradient(100deg,#5430db,#7541d4);box-shadow:0 11px 25px #6c48e547}
.text-link{color:#5934c1}.hero-assurance{color:#6c587a;gap:12px 20px;font-weight:700}
.hero-art-image{height:auto;min-height:425px;display:block;isolation:isolate}
.hero-illustration-frame{position:relative;z-index:1;border:8px solid #fff;box-shadow:0 18px 55px #8248b63b,0 0 0 1px #eacdf8;border-radius:39px;overflow:hidden;transform:rotate(1deg);height:430px;display:flex;background:#e6d4ff}
.hero-illustration-frame img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}
.hero-badge{z-index:3;border:1px solid #eee1fd;color:#363149;padding:12px 15px;box-shadow:0 13px 32px #5739ac25}
.hero-badge-top{top:-19px;right:-9px;transform:rotate(5deg);background:#fff8df}.hero-badge-bottom{left:-20px;bottom:-18px;transform:rotate(-5deg);background:#fff}
.badge-symbol{color:#ffb32c}.circle-check{background:#d7f9e3;color:#258d63}
.hero-confetti{position:absolute;z-index:2;font-size:57px;line-height:1;color:#ffd24d;filter:drop-shadow(0 3px 2px #fff)}.confetti-one{left:-20px;top:16px}.confetti-two{right:-13px;bottom:20px;color:#ff8068}
.benefits{gap:15px;padding-block:29px}.benefit{background:#fff;padding:10px 12px;border-radius:16px;border:1px solid #eee8fb;box-shadow:0 5px 16px #7772bb0a}.benefit:nth-child(1) .benefit-icon{background:#fff0c3;color:#ba7c00}.benefit:nth-child(2) .benefit-icon{background:#e6f4fe;color:#2784bf}.benefit:nth-child(3) .benefit-icon{background:#f4e7ff;color:#7548bb}.benefit:nth-child(4) .benefit-icon{background:#dcf9e7;color:#27996f}.benefit-icon{font-size:23px}
.mini-challenge-section{padding:48px 0 80px;background:#fffefa;scroll-margin-top:94px}.mini-challenge-wrap{background:linear-gradient(122deg,#e8ddff,#fae4ff 45%,#ffeecb);border-radius:34px;padding:46px 54px;display:grid;grid-template-columns:.92fr 1fr;align-items:center;gap:52px;position:relative;overflow:hidden;border:1px solid #eddcfa}
.mini-challenge-wrap::before{content:'✳';position:absolute;bottom:-60px;left:25%;font-size:200px;color:#fff7;pointer-events:none}
.challenge-copy{position:relative}.challenge-sticker{font-size:11px;color:#704ac9;letter-spacing:1.25px;font-weight:900}.challenge-copy h2{font-size:clamp(37px,3.7vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:15px 0}.challenge-copy h2 span{color:#a14ad8}.challenge-copy p{max-width:390px;color:#5a5271;font-size:16px}.challenge-hearts{font-size:24px;letter-spacing:8px;padding-top:6px}
.challenge-widget{position:relative;background:#fff;border:2px solid #efe6fc;border-radius:23px;box-shadow:0 18px 38px #7c55b329;padding:25px}.challenge-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.challenge-label{font-size:10px;color:#8b6ac2;font-weight:900;letter-spacing:1.5px}.challenge-difficulty{font-size:12px;color:#676079;font-weight:700;display:flex;align-items:center;gap:7px}.challenge-difficulty select{width:auto;height:35px;font-size:12px;border-radius:9px;border:1px solid #e5ddf2;background:#f9f5ff;color:#4d3686;padding:0 7px}
.challenge-equation{text-align:center;font-size:clamp(38px,4.1vw,55px);font-weight:900;letter-spacing:-1.1px;color:#4d35ad;margin:24px 0 20px;line-height:1.1}.challenge-answer-form{display:flex;gap:10px}.challenge-answer-form input{width:100%;min-width:0;height:50px;border:2px solid #e6d9ff;border-radius:13px;padding:0 15px;font-size:15px;color:#24213b;background:#fdfcff}.challenge-answer-form .btn{min-width:111px;padding-inline:16px}.challenge-feedback{font-size:13px;font-weight:700;text-align:center;color:#5b5395;min-height:21px;margin:13px 0 6px}.challenge-feedback.correct{color:#14865b}.challenge-feedback.incorrect{color:#bf5170}.challenge-next{display:block;margin:7px auto 0;background:none;border:none;color:#6041c1;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:3px;padding:8px}.sr-only{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.builder-section{background:radial-gradient(circle at 0% 9%,#f0eaff 0,transparent 37%),radial-gradient(circle at 95% 70%,#dff8ff 0,transparent 32%),#faf8ff}.section-heading h2 em,.how-section h2 em,.last-cta h2 em{color:#794bec}.section-heading .overline,.overline{color:#8a4bd0}.section-heading p{color:#64647a}
.builder-card{border:1px solid #eee8f9;border-radius:23px;box-shadow:0 10px 38px #6d5ba713}.step-pill{background:#f2e7ff;color:#6840cc}.step-dark{background:#e4efff;color:#4161a6}.preview-card{background:#fff}.preview-mini-brand{color:#674be2}.preview-student{border-bottom-color:#8060eb}.question-preview li::before{color:#7456da}.mini-tag{background:#f0e9ff;color:#6845c3}.checkbox-row{background:#faf7ff;border-color:#f0e9ff}.segmented{background:#f6f0ff}.segmented input:checked+span{color:#5b38c5}
.grades-section{padding-block:90px}.grade-grid{gap:17px}.grade-card{background:linear-gradient(150deg,#fff9df,#ffedc0);border:1px solid #ffe4a3;box-shadow:0 11px 26px #ca997616;border-radius:20px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.grade-card:hover{transform:translateY(-6px);box-shadow:0 20px 31px #9e6d7c23}.grade-card:nth-child(2){background:linear-gradient(150deg,#eaf8fd,#d5f2fd);border-color:#bde9ff}.grade-card:nth-child(3){background:linear-gradient(150deg,#f7edff,#ead7ff);border-color:#dfc2ff}.grade-card:nth-child(4){background:linear-gradient(150deg,#eafbf0,#d7f5de);border-color:#c3edcf}.grade-card:nth-child(5){background:linear-gradient(150deg,#fff0ea,#ffdfd5);border-color:#ffd0bb}
.grade-card .grade-num{color:#7759a6;opacity:.65}.grade-card .grade-emoji{display:inline-grid;place-items:center;background:#ffffffbd;border-radius:17px;width:62px;height:62px;font-size:34px;margin-bottom:18px;filter:drop-shadow(0 5px 8px #664a4a14)}.grade-card .grade-link{color:#5e3ec1}.grade-card p{color:#645d6c}
.playful-section{padding-block:15px 105px}.playful-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.playful-card{border-radius:25px;padding:29px 30px 31px;text-align:center;border:1px solid transparent;min-height:285px}.playful-card img{width:106px;height:106px;object-fit:contain;transition:transform .25s ease}.playful-card:hover img{transform:rotate(-8deg) scale(1.1)}.playful-card h3{font-size:20px;margin:10px 0;letter-spacing:-.6px}.playful-card p{font-size:14px;color:#625d73;margin-bottom:0}.playful-yellow{background:#fff2c9;border-color:#ffe1a1}.playful-purple{background:#f1e7ff;border-color:#ead1fc}.playful-blue{background:#def5ff;border-color:#c2e9fa}
.how-section{background:#fff5ed}.how-list>div{background:#fff;border-radius:19px;border:1px solid #f4e8e1;box-shadow:0 8px 25px #8559380d;margin-bottom:10px;padding:17px 18px}.how-list>div>span{background:#eee7ff;color:#6743d1}.how-list>div:nth-child(2)>span{background:#fff0ca;color:#b77511}.how-list>div:nth-child(3)>span{background:#dff7ea;color:#288c69}
.faq-section{padding-block:85px}.faq-grid details{border-color:#e8dff6;border-radius:13px}.faq-grid summary{color:#37324e}.last-cta{background:linear-gradient(115deg,#6241db,#aa49c6 55%,#ec6f9e)}.last-cta .overline{color:#fde5ff}.last-cta h2 em{color:#ffe7a5}.btn-light{background:#fff8dd;color:#5134a8}.btn-light:hover{background:#fff0be}.site-footer{background:#231d3e;color:#f4efff}.footer-brand .brand-accent{color:#ffcb87}.footer-bottom{color:#cfc7e6}
.inner-page{background:radial-gradient(circle at 92% 14%,#eee0ff,transparent 40%),radial-gradient(circle at 5% 75%,#fff0c7,transparent 36%),#fffaf6}.inner-panel{box-shadow:0 15px 48px #6e51a20f;border-radius:24px;border:1px solid #efdef8}.inner-panel h1{color:#342550}.inner-panel h2{color:#5c3bbd}.grade-tags a{background:#f3eaff;border-color:#e3d2fa;color:#6043b8}
@media(max-width:1030px){.hero-grid{grid-template-columns:1fr 1fr;gap:25px}.hero-illustration-frame{height:370px}.mini-challenge-wrap{padding:39px 30px;gap:29px}.benefit{padding:8px}.hero h1{font-size:clamp(42px,5.7vw,64px)}.nav{gap:18px}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr;padding-top:40px;padding-bottom:53px}.hero h1{font-size:clamp(43px,10vw,64px);letter-spacing:-2.4px}.hero-desc{font-size:16px}.hero-art-image{max-width:610px;width:100%;margin-inline:auto;min-height:unset}.hero-illustration-frame{height:clamp(250px,58vw,380px);border-width:6px;border-radius:26px}.hero-badge-top{top:-14px;right:1px}.hero-badge-bottom{left:0;bottom:-15px}.hero-confetti{font-size:41px}.mini-challenge-section{padding:25px 0 62px}.mini-challenge-wrap{grid-template-columns:1fr;gap:23px;padding:30px 25px;border-radius:25px}.challenge-copy h2{font-size:37px}.challenge-copy p{margin-bottom:6px}.challenge-hearts{display:none}.playful-section{padding-block:8px 65px}.playful-grid{grid-template-columns:1fr;gap:13px}.playful-card{min-height:unset;padding:22px 18px}.playful-card img{width:87px;height:87px}.playful-card h3{font-size:19px}.grades-section{padding-block:68px}.nav .challenge-link{display:none}.brand{font-size:19px}.site-footer{color:#f4efff}}
@media(max-width:430px){.container{width:min(1170px,calc(100% - 32px))}.brand{font-size:17px}.brand-icon{width:32px;height:32px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-illustration-frame{height:244px}.hero-badge{font-size:10px;padding:9px}.mini-challenge-wrap{padding:24px 15px}.challenge-widget{padding:19px 15px}.challenge-equation{font-size:39px}.challenge-answer-form input{padding:0 10px}.challenge-answer-form .btn{min-width:96px;padding-inline:9px}.grade-card{padding:19px 15px}.nav-button{font-size:10px;padding:10px 11px}.hero-assurance{gap:7px 13px}}
@media(prefers-reduced-motion:no-preference){.confetti-one{animation:floaty 5s ease-in-out infinite}.confetti-two{animation:floaty 6s ease-in-out 1s infinite reverse}.hero-illustration-frame{animation:floatframe 8s ease-in-out infinite}@keyframes floaty{0%,100%{transform:translateY(0) rotate(-12deg)}50%{transform:translateY(-14px) rotate(6deg)}}@keyframes floatframe{0%,100%{transform:rotate(1deg)}50%{transform:rotate(-.65deg)}}}

.community-promo{display:flex;align-items:center;gap:22px;margin-top:45px;margin-bottom:30px;background:linear-gradient(108deg,#faf1ff,#ebfaff);border:1px solid #e9dcff;padding:22px 27px;border-radius:23px}
.community-promo-icon{font-size:45px;background:white;border-radius:17px;padding:16px}
.community-promo h2{font-size:22px;margin:2px 0;color:#50318d}
.community-promo p{font-size:13px;color:#655b76;line-height:1.6;max-width:630px;margin:0}
.community-promo .btn{margin-left:auto;white-space:nowrap}
@media(max-width:760px){.community-promo{flex-direction:column;align-items:flex-start}.community-promo .btn{margin-left:0}.nav a[href="/community/"]{font-size:12px}}

@media(max-width:760px){.nav a:not([href="/community/"]):not(.nav-button){display:none}}