:root{--pink:#f6c;--gold:gold;--sky:#0cf;--purple:#9a6bff;--cream:#fff5ff;--text:#333;--shadow:0 10px 30px rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{line-height:1.4;font-family:Lilita One,Comic Sans MS,Trebuchet MS,cursive;background:linear-gradient(180deg,#fcf,#ffe3ff 45%,#fff);color:var(--text)}a{color:inherit;text-decoration:none}.page{min-height:100vh;display:flex;flex-direction:column}main{flex:1 1}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.6)}.nav-inner{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.logo{font-size:1.4rem;font-weight:400;color:var(--pink);letter-spacing:.5px}.nav{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{font-size:1rem;background:none;border:none;cursor:pointer;padding:.4rem .8rem;border-radius:999px;transition:background .2s ease,transform .2s ease}.nav-link:focus,.nav-link:hover{background:rgba(255,102,204,.15);transform:translateY(-1px)}.nav-item{position:relative;padding-bottom:.4rem}.dropdown{position:absolute;top:100%;right:0;min-width:240px;background:#fff;border-radius:16px;box-shadow:var(--shadow);padding:.8rem;display:none;flex-direction:column;gap:.4rem}.dropdown-link{padding:.5rem .8rem;border-radius:12px;font-size:.95rem;transition:background .2s ease}.dropdown-link:focus,.dropdown-link:hover{background:rgba(0,204,255,.15)}.dropdown-divider{height:1px;background:rgba(0,0,0,.08);margin:.3rem 0}.nav-item:focus-within .dropdown,.nav-item:hover .dropdown{display:flex}.hero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 4rem}.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,hsla(0,0%,100%,.15),transparent 70%);pointer-events:none}.hero-bg{object-fit:cover;object-position:center;z-index:-2}.hero-content{z-index:1;max-width:720px;display:grid;grid-gap:1.3rem;gap:1.3rem;place-items:center;animation:floatIn .9s ease-out}.hero-badge{background:hsla(0,0%,100%,.8);padding:.4rem 1.2rem;border-radius:999px;font-size:.9rem;box-shadow:0 6px 16px rgba(0,0,0,.08)}.hero h1{font-size:clamp(2.5rem,6vw,4.6rem);background-image:linear-gradient(45deg,var(--pink),var(--gold),var(--sky),var(--pink));-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 6px rgba(0,0,0,.3))}.hero-subtitle{font-size:1.15rem;background:hsla(0,0%,100%,.85);padding:.6rem 1.2rem;border-radius:18px}.cta-btn{margin-top:1rem;padding:1rem 2.6rem;font-size:1.15rem;background:var(--pink);color:#fff;border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.2);transition:transform .2s,box-shadow .2s}.cta-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px rgba(0,0,0,.3)}.secondary-btn{background:#fff;color:var(--pink);border:2px dashed rgba(255,102,204,.6);box-shadow:none}.secondary-btn:hover{background:rgba(255,102,204,.12);transform:translateY(-2px)}.section{padding:4rem 1.5rem;max-width:1200px;margin:0 auto}.section-hero{padding-top:8rem}.compact-hero{padding-top:1.5rem}.magic-section{position:relative}.magic-section:before{content:"";position:absolute;inset:0;background:radial-gradient(40% 60% at 20% 20%,rgba(255,204,255,.6),transparent 60%),radial-gradient(45% 55% at 80% 30%,rgba(189,147,255,.5),transparent 60%),radial-gradient(50% 60% at 50% 80%,rgba(173,216,255,.55),transparent 60%);opacity:.7;z-index:-1;border-radius:32px;animation:auroraFlow 18s ease-in-out infinite}.section-soft{background:var(--cream);border-radius:32px;margin-top:2rem;box-shadow:0 14px 30px rgba(255,102,204,.12)}.section-header{text-align:center;display:grid;grid-gap:1rem;gap:1rem}.section-header h1,.section-header h2{font-size:2.1rem;color:var(--pink)}.section-header p{font-size:1.05rem;max-width:720px;margin:0 auto}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}.card{background:#fff;border-radius:24px;padding:2rem;text-align:center;box-shadow:0 6px 18px rgba(0,0,0,.08);transition:transform .2s ease}.card:hover{transform:translateY(-6px)}.card img{width:70px;margin-bottom:1rem}.tiles{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));grid-gap:1.6rem;gap:1.6rem;margin-top:2.4rem}@media (max-width:1100px){.tiles{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width:720px){.tiles{grid-template-columns:1fr}}.tile{background:#fff;border-radius:22px;padding:2rem 1.6rem;display:grid;grid-gap:.7rem;gap:.7rem;box-shadow:var(--shadow);border:2px solid transparent;animation:tileIn .8s ease both;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.tile-horizontal{grid-template-columns:140px 1fr;align-items:center}.tile-logo img{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(0,0,0,.15))}.tile:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 12px 26px rgba(0,0,0,.14)}.tile-pink{border-color:rgba(255,102,204,.5)}.tile-sky{border-color:rgba(0,204,255,.45)}.tile-quiz{border-color:rgba(255,182,193,.6);background:linear-gradient(160deg,hsla(0,0%,100%,.98),rgba(255,236,248,.92))}.tile-magic{border-color:rgba(255,215,0,.5);background:linear-gradient(180deg,hsla(0,0%,100%,.98),rgba(255,245,255,.9))}.tile-gold{border-color:rgba(255,215,0,.55)}.tile-rugby{border-color:rgba(46,204,113,.5);background:linear-gradient(160deg,hsla(0,0%,100%,.98),rgba(230,255,240,.9))}.tile-tag{width:-moz-fit-content;width:fit-content;background:rgba(255,102,204,.15);padding:.2rem .6rem;border-radius:999px;font-size:.75rem}.tile-cta{color:var(--pink);font-size:.95rem}.tile-text{display:grid;grid-gap:.4rem;gap:.4rem}.module-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.module-meta{display:flex;align-items:center;gap:.7rem;text-align:right}.module-meta-text{display:grid;grid-gap:.2rem;gap:.2rem}.module-meta-title{font-size:1rem;color:var(--pink)}.module-meta-desc{font-size:.85rem;color:rgba(51,51,51,.75);max-width:280px}.module-meta-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(255,102,204,.25))}.back-link{color:var(--pink);font-size:.95rem}.module-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:var(--shadow);text-align:center;display:grid;grid-gap:1rem;gap:1rem;max-width:820px;margin:0 auto;position:relative;overflow:hidden}.static-embed iframe{width:100%;height:min(70vh,680px);border:none;border-radius:18px;background:#fdf7ff}.static-actions{display:flex;justify-content:center}.embed-note{font-size:.95rem;color:rgba(51,51,51,.8)}.module-text{font-size:1.1rem}.module-actions{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center}.choice-btn,.quiz-btn{padding:.75rem 1.4rem;font-size:1rem;background:var(--sky);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:background .2s}.choice-btn:hover,.quiz-btn:hover{background:var(--gold)}.restart-btn{background:var(--pink)}.quiz-shell{background:radial-gradient(circle at top,#fff8fb 0,#fff0fa 40%,#fff 100%);border:2px solid rgba(255,102,204,.2);overflow:hidden}.quiz-sky{position:absolute;inset:0;pointer-events:none;opacity:.7}.quiz-sparkles{width:100%;height:100%;mix-blend-mode:screen}.quiz-header{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:1rem;gap:1rem;align-items:center;position:relative;z-index:1}.quiz-brand{font-size:.95rem;color:var(--pink)}.quiz-progress{display:grid;grid-gap:.3rem;gap:.3rem}.quiz-progress-bar{height:10px;background:rgba(255,102,204,.12);border-radius:999px;overflow:hidden}.quiz-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#ff9bd4,#ffd36a);border-radius:999px;transition:width .4s ease}.quiz-progress-text{font-size:.85rem;text-align:center;color:rgba(51,51,51,.7)}.quiz-score{text-align:right;display:grid;grid-gap:.2rem;gap:.2rem;font-size:.85rem}.quiz-score strong{font-size:1.2rem;color:#d63384}.quiz-card{position:relative;z-index:1;background:#fff;border-radius:24px;padding:2rem;margin-top:1.5rem;box-shadow:0 16px 30px rgba(255,102,204,.15);transition:opacity .3s ease,transform .3s ease}.quiz-card.is-transitioning{opacity:.6;transform:scale(.98)}.quiz-card.is-shaking{animation:quizShake .35s ease}.quiz-card-header{display:flex;justify-content:space-between;font-size:.85rem;color:rgba(51,51,51,.7);margin-bottom:.8rem}.quiz-category{background:rgba(0,204,255,.15)}.quiz-category,.quiz-streak{padding:.2rem .7rem;border-radius:999px}.quiz-streak{background:rgba(255,215,0,.2)}.quiz-question{font-size:1.4rem;margin-bottom:1.5rem}.quiz-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem}.quiz-answer{padding:1rem;border-radius:20px;background:#fff7fb;border:3px solid rgba(255,102,204,.2);font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border .15s ease;box-shadow:0 8px 14px rgba(255,102,204,.08)}.quiz-answer:hover{transform:translateY(-3px) scale(1.03);border-color:rgba(255,102,204,.4)}.quiz-answer:active{transform:translateY(1px) scale(.98)}.quiz-answer.correct{border-color:#2ecc71;background:rgba(46,204,113,.15)}.quiz-popup{z-index:2;color:#f5b700;font-size:1.4rem;font-weight:700;animation:scorePop 1s ease-out forwards}.quiz-confetti,.quiz-popup{position:absolute;pointer-events:none}.quiz-confetti{inset:0;z-index:1}.confetti{position:absolute;top:40%;width:8px;height:14px;border-radius:3px;animation:confettiFall 1.3s ease-out forwards}.quiz-finale{position:relative;z-index:1;text-align:center;padding:2.5rem 1.5rem;display:grid;grid-gap:1rem;gap:1rem}.quiz-finale strong{color:#d63384;font-size:1.4rem}.quiz-next-btn{margin:0 auto;padding:.8rem 2rem;border-radius:999px;border:none;background:linear-gradient(90deg,#ff9bd4,#ffd36a);color:#fff;font-size:1rem;cursor:pointer;box-shadow:0 10px 20px rgba(255,102,204,.2)}@keyframes scorePop{0%{opacity:1;transform:translate(-50%,-20%) scale(.6)}to{opacity:0;transform:translate(-50%,-120%) scale(1.4)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0) rotate(0deg)}to{opacity:0;transform:translateY(180px) rotate(120deg)}}@keyframes quizShake{0%{transform:translateX(0)}25%{transform:translateX(-6px)}50%{transform:translateX(6px)}75%{transform:translateX(-4px)}to{transform:translateX(0)}}.magic-card{background:radial-gradient(circle at top,#fffafc 0,#fff1ff 40%,#fff 100%);border:2px solid rgba(255,102,204,.2)}.magic-stage{max-width:980px;min-height:560px;padding:2.5rem;border-radius:48px;border:6px solid rgba(255,182,193,.55);background:hsla(0,0%,100%,.82);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 24px 60px rgba(255,102,204,.18)}.magic-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-gap:2rem;gap:2rem;align-items:center}.magic-main{display:grid;grid-gap:1.2rem;gap:1.2rem}.magic-aside{text-align:center;display:grid;grid-gap:.7rem;gap:.7rem}.magic-aside h3{font-size:1.1rem;color:var(--pink)}.magic-aside p{font-size:.9rem;color:rgba(51,51,51,.75)}.magic-logo{width:min(220px,70vw);margin:0 auto;filter:drop-shadow(0 14px 22px rgba(255,102,204,.3))}.magic-card:after{content:"";background:linear-gradient(120deg,hsla(0,0%,100%,.2),rgba(255,215,255,.25),hsla(0,0%,100%,.2));opacity:.35;mix-blend-mode:screen;animation:shimmer 12s ease-in-out infinite}.magic-card:after,.magic-sky{position:absolute;inset:0;pointer-events:none}.magic-sky{overflow:hidden}.magic-sparkles{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.75}.magic-burst{position:absolute;inset:0;pointer-events:none;display:grid;place-items:center}.burst{position:absolute;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,hsla(0,0%,100%,.9),rgba(255,215,0,.7));animation:burst 1.2s ease-out forwards}.burst-0{transform:translateY(-10px)}.burst-1{transform:translate(18px,-8px)}.burst-2{transform:translate(26px,8px)}.burst-3{transform:translate(10px,18px)}.burst-4{transform:translate(-10px,18px)}.burst-5{transform:translate(-26px,8px)}.burst-6{transform:translate(-18px,-8px)}.burst-7{transform:translateY(22px)}.burst-8{transform:translate(22px)}.burst-9{transform:translate(-22px)}.magic-story{background:hsla(0,0%,100%,.85);padding:1.5rem;border-radius:18px;box-shadow:0 8px 18px rgba(255,102,204,.15)}.story-tag{display:inline-block;margin-bottom:.6rem;padding:.25rem .7rem;border-radius:999px;background:rgba(0,204,255,.15);font-size:.85rem}.story-character{font-size:.95rem;color:var(--pink);margin-bottom:.4rem}.reward-banner{font-size:1rem;color:#d63384}.feedback{font-size:1rem}.feedback.success{color:#2ecc71;text-shadow:0 0 12px rgba(46,204,113,.4)}.feedback.error{color:#e74c3c}.feedback.success{color:#1c9b4a}.feedback.error{color:#d64545}.site-footer{background:#fff;text-align:center;padding:2rem 1rem;font-size:.9rem}@keyframes floatIn{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes tileIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{transform:translateX(-10%)}50%{transform:translateX(10%)}to{transform:translateX(-10%)}}@keyframes burst{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(2.2)}}@keyframes auroraFlow{0%{transform:translateX(-4%) translateY(0)}50%{transform:translateX(4%) translateY(-2%)}to{transform:translateX(-4%) translateY(0)}}@media (max-width:768px){.nav{gap:.5rem;justify-content:center}.nav-inner{flex-direction:column}.dropdown{left:0;right:auto}.hero{height:auto;min-height:80vh}.module-topbar{flex-direction:column;align-items:flex-start}.module-meta{align-self:flex-end}.quiz-header{grid-template-columns:1fr}.quiz-header,.quiz-score{text-align:left}.quiz-answers,.tile-horizontal{grid-template-columns:1fr}.magic-stage{padding:1.6rem;min-height:auto}.magic-layout{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}