:root{--ink:#253d43;--muted:#6d7b78;--cream:#f8f1e7;--paper:#fffaf4;--coral:#e87562;--yellow:#f8c95f;--mint:#b7d9c4;--lavender:#d8d0eb;--blue:#b5d5df;--peach:#f3c8b4;--line:rgba(37,61,67,.12);--shadow:0 22px 50px rgba(59,70,65,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Nunito,sans-serif}button,a{font:inherit}button{cursor:pointer}.site-shell{max-width:1440px;margin:auto;background:var(--paper);min-height:100vh;overflow:hidden}.topbar{height:82px;padding:0 5.2vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(255,250,244,.88);position:relative;z-index:4}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);line-height:1}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:var(--coral);color:#fff;font-size:20px}.brand strong{display:block;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:700}.brand small{display:block;letter-spacing:2px;font-size:8px;font-weight:800;margin-top:4px;color:var(--coral)}.nav-links{display:flex;gap:34px}.nav-links a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:800}.nav-links a:hover{color:var(--coral)}.sound-button{background:none;border:0;color:var(--ink);font-size:13px;font-weight:800}.sound-button span{margin-left:5px}.hero{min-height:570px;padding:68px 8vw 58px;display:grid;grid-template-columns:44% 56%;background:#f5e6d5;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -10% -160px;height:280px;border-radius:50%;background:var(--paper)}.hero-copy{position:relative;z-index:2;padding-top:34px}.eyebrow{margin:0 0 12px;color:var(--coral);font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:900}.hero h1,h2{font-family:"Baloo 2",sans-serif;margin:0;line-height:.94;letter-spacing:.2px}.hero h1{font-size:clamp(48px,6vw,84px);font-weight:600}.hero h1 em,h2 em{color:var(--coral);font-style:normal}.hero-intro{max-width:345px;color:var(--muted);line-height:1.6;margin:25px 0 27px;font-size:15px}.primary-button{border:0;background:var(--ink);color:#fff;padding:15px 21px;border-radius:6px;font-weight:800;font-size:14px;box-shadow:0 7px 0 rgba(37,61,67,.15);transition:transform .2s}.primary-button:hover{transform:translateY(-3px)}.primary-button span{font-size:18px;margin-left:18px}.hero-note{margin-top:30px;color:var(--muted);font-size:12px;font-weight:700}.live-dot{display:inline-block;width:8px;height:8px;background:#75bd91;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(117,189,145,.18)}.noor-stage{position:relative;min-height:440px}.sun-disc{position:absolute;width:345px;height:345px;border-radius:50%;background:#f7d77c;top:2px;left:24%;opacity:.65}.cloud{position:absolute;background:#fffaf4;border-radius:30px;width:100px;height:24px;opacity:.75}.cloud:before,.cloud:after{content:"";position:absolute;background:inherit;border-radius:50%}.cloud:before{width:37px;height:37px;left:17px;bottom:0}.cloud:after{width:48px;height:48px;left:43px;bottom:0}.cloud-one{left:8%;top:72px}.cloud-two{right:4%;top:190px;transform:scale(.75)}.sparkle{position:absolute;color:#efab4a;font-size:22px}.sparkle-one{top:35px;right:15%}.sparkle-two{top:245px;left:8%;font-size:14px}.character-wrap{position:absolute;z-index:2;left:37%;bottom:35px;animation:float 4s ease-in-out infinite}.character-shadow{height:22px;width:155px;border-radius:50%;background:rgba(37,61,67,.15);filter:blur(4px);position:absolute;bottom:-5px;left:-26px;animation:shadow 4s ease-in-out infinite}.noor-character{width:105px;position:relative;animation:idle 3s ease-in-out infinite;transform-origin:bottom}.head{width:83px;height:92px;background:#a96849;border-radius:46% 46% 42% 42%;position:relative;margin:auto;z-index:2}.hair{position:absolute;background:#293d3d;width:87px;height:49px;top:-10px;left:-2px;border-radius:48% 50% 30% 25%;transform:rotate(-5deg)}.face{width:72px;height:70px;background:#f0b184;border-radius:45%;position:absolute;left:5px;top:12px}.ear{position:absolute;width:17px;height:23px;background:#e6a274;border-radius:50%;top:38px}.ear.left{left:-10px}.ear.right{right:-10px}.eye{position:absolute;width:6px;height:9px;border-radius:50%;background:var(--ink);top:35px;animation:blink 5s infinite}.eye.left{left:20px}.eye.right{right:20px}.nose{position:absolute;width:5px;height:7px;border-left:2px solid #bd7658;border-radius:50%;left:34px;top:39px}.mouth{position:absolute;width:16px;height:8px;border-bottom:3px solid #ad5d58;border-radius:0 0 50% 50%;left:28px;top:52px}.cheek{width:11px;height:6px;background:#e78e7e;border-radius:50%;position:absolute;top:48px;opacity:.6}.cheek.left{left:8px}.cheek.right{right:8px}.neck{height:20px;width:28px;background:#df9469;margin:-1px auto 0}.scarf{position:absolute;z-index:3;width:79px;height:20px;background:#e87562;border-radius:6px;left:13px;top:86px;transform:rotate(4deg)}.body{width:84px;height:124px;background:#4f8186;border-radius:35px 35px 18px 18px;margin:auto;position:relative}.body:after{content:"";position:absolute;inset:8px 12px auto;height:58px;background:#669ba0;border-radius:24px 24px 8px 8px}.arm{position:absolute;z-index:-1;width:27px;height:77px;background:#4f8186;border-radius:20px;top:20px}.arm.left{left:-18px;transform:rotate(17deg);animation:gesture 4s infinite}.arm.right{right:-18px;transform:rotate(-17deg);animation:gesture 4s 1s infinite}.badge{position:absolute;z-index:2;color:#f9d16d;font-size:22px;left:32px;top:34px}.legs{display:flex;gap:10px;justify-content:center}.legs span{display:block;width:27px;height:48px;background:#3f5e67;border-radius:0 0 15px 15px}.speech-bubble{position:absolute;z-index:3;right:2%;top:80px;background:#fffaf4;padding:16px 20px;border-radius:17px 17px 17px 3px;max-width:208px;font-size:13px;line-height:1.45;font-weight:800;box-shadow:var(--shadow);animation:appear .8s both}.stage-ground{position:absolute;bottom:28px;left:8%;right:0;height:33px;background:#b7d9c4;border-radius:50% 50% 0 0;opacity:.65}@keyframes blink{0%,45%,48%,100%{transform:scaleY(1)}46%,47%{transform:scaleY(.1)}}@keyframes idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes float{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}@keyframes shadow{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.9)}}@keyframes gesture{0%,100%{transform:rotate(17deg)}50%{transform:rotate(3deg) translateY(-5px)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.welcome-strip{padding:76px 8vw 34px;display:flex;justify-content:space-between;align-items:end}.welcome-strip h2,.section-heading h2,.reward-copy h2{font-size:42px;font-weight:600}.section-helper{max-width:220px;color:var(--muted);font-size:13px;line-height:1.5;margin:0 0 4px}.activity-grid{padding:0 8vw 93px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.activity-card{border:0;min-height:196px;text-align:left;padding:25px;position:relative;border-radius:3px;color:var(--ink);transition:transform .25s,box-shadow .25s}.activity-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.coral{background:#f2b8a8}.lavender{background:#ddd5eb}.mint{background:#bfdbc9}.butter{background:#f8dda0}.blue{background:#bddce5}.peach{background:#f3c8b4}.card-icon{display:block;font-size:30px;margin-bottom:28px}.card-title{display:block;font-family:"Baloo 2";font-size:27px;font-weight:600}.card-copy{display:block;color:rgba(37,61,67,.7);font-size:12px;margin-top:2px}.card-arrow{position:absolute;right:21px;bottom:22px;font-size:21px}.feature-band{background:#f4e6db;min-height:390px;padding:68px 12vw;display:flex;align-items:center;justify-content:space-between}.feature-copy{max-width:410px}.feature-copy h2{font-size:55px}.feature-copy>p:not(.eyebrow){color:var(--muted);line-height:1.6;font-size:14px;max-width:300px;margin:22px 0}.text-button{border:0;background:none;padding:0;color:var(--coral);font-weight:900;font-size:14px}.text-button span{margin-left:17px;font-size:18px}.orbit-art{position:relative;width:300px;height:240px}.orbit{position:absolute;border:1px solid rgba(232,117,98,.35);border-radius:50%;width:290px;height:120px;left:0;top:60px;transform:rotate(-22deg)}.orbit-b{transform:rotate(28deg);border-color:rgba(79,129,134,.35)}.planet{position:absolute;top:80px;left:118px;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#e87562;color:#f9d16d;font-size:26px;box-shadow:0 8px 0 #ce6c5f}.mini-star{position:absolute;color:#efab4a;font-size:20px}.s1{top:15px;right:22px}.s2{bottom:25px;left:10px}.s3{top:110px;right:-5px;font-size:12px}.characters-section{padding:85px 8vw 92px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:29px}.section-heading>p{color:var(--muted);font-size:13px;max-width:190px;line-height:1.5;margin:0}.character-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.friend-card{border:1px solid var(--line);background:#fffaf4;padding:24px 18px;text-align:left;display:grid;grid-template-columns:62px 1fr;column-gap:13px;align-items:center;transition:border .2s,transform .2s}.friend-card:hover,.friend-card.selected{border-color:var(--coral);transform:translateY(-3px)}.friend-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;grid-row:span 2;font-size:29px}.noor-mini{background:#f2b8a8}.sunny-mini{background:#f8dda0}.luna-mini{background:#bddce5}.friend-card strong{font-family:"Baloo 2";font-size:19px}.friend-card small{color:var(--muted);font-size:11px}.rewards-section{background:#b7d9c4;padding:68px 8vw;display:grid;grid-template-columns:1.4fr 1fr 1fr;align-items:center;gap:30px}.reward-copy h2{font-size:43px}.reward-copy>p:not(.eyebrow){color:rgba(37,61,67,.7);font-size:13px;line-height:1.5;max-width:285px}.reward-stats{display:flex;gap:24px}.reward-stats div{display:flex;flex-direction:column}.reward-stats strong{font-family:"Baloo 2";font-size:38px;line-height:1}.reward-stats span{font-size:11px;color:rgba(37,61,67,.7);margin-top:3px}.sticker-row{display:flex;justify-content:end;gap:8px}.sticker-row span{width:38px;height:38px;background:#f8dda0;color:#e87562;border-radius:50%;display:grid;place-items:center;font-size:19px}.sticker-row span:nth-child(2n){background:#f2b8a8}.sticker-row span:nth-child(3n){background:#fffaf4}footer{padding:26px 8vw;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.modal-backdrop{display:none;position:fixed;inset:0;background:rgba(37,61,67,.35);z-index:9;padding:20px;align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.modal{width:min(560px,100%);max-height:90vh;overflow:auto;background:var(--paper);padding:38px;border-radius:5px;position:relative;box-shadow:var(--shadow);animation:appear .3s both}.modal h2{font-size:44px;margin-bottom:19px}.modal-close{position:absolute;right:17px;top:13px;background:none;border:0;font-size:28px;color:var(--muted)}.modal p{color:var(--muted);line-height:1.6}.modal-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.choice-button{border:1px solid var(--line);background:#fffaf4;padding:13px 17px;border-radius:3px;color:var(--ink);font-weight:800}.choice-button:hover{border-color:var(--coral)}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.memory-card{aspect-ratio:1;border:0;background:#bddce5;border-radius:4px;font-size:26px;color:transparent}.memory-card.flipped{background:#f2b8a8;color:var(--ink)}.breath-circle{height:150px;width:150px;margin:20px auto;border-radius:50%;background:#bddce5;display:grid;place-items:center;color:var(--ink);font-family:"Baloo 2";font-size:20px;animation:breathe 6s ease-in-out infinite}.breath-circle.paused{animation-play-state:paused}@keyframes breathe{0%,100%{transform:scale(.75);background:#bddce5}50%{transform:scale(1.05);background:#b7d9c4}}.sound-list{display:grid;gap:9px}.sound-item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:15px 17px;background:#fffaf4}.sound-item button{border:0;background:#f8dda0;border-radius:50%;width:33px;height:33px}.quiz-option{width:100%;display:block;text-align:left;margin:8px 0}.success{padding:15px;background:#b7d9c4;margin-top:16px;font-weight:800}
@media(max-width:760px){.topbar{height:70px;padding:0 20px}.nav-links{display:none}.sound-button span{display:none}.hero{display:block;padding:42px 24px 0;min-height:720px}.hero-copy{padding-top:0}.hero h1{font-size:53px}.hero-intro{margin:20px 0}.noor-stage{margin-top:14px;min-height:375px}.sun-disc{width:280px;height:280px;left:10%;top:12px}.character-wrap{left:33%;bottom:35px}.speech-bubble{right:0;top:32px;max-width:180px}.stage-ground{left:-12%;right:-12%}.welcome-strip{padding:62px 24px 27px;display:block}.welcome-strip h2,.section-heading h2,.reward-copy h2{font-size:35px}.section-helper{margin-top:14px}.activity-grid{padding:0 24px 65px;grid-template-columns:repeat(2,1fr);gap:10px}.activity-card{min-height:165px;padding:18px}.card-icon{font-size:25px;margin-bottom:20px}.card-title{font-size:22px}.card-copy{font-size:11px}.feature-band{padding:54px 24px;min-height:500px;display:block}.feature-copy h2{font-size:46px}.orbit-art{margin:32px auto 0;transform:scale(.85)}.characters-section{padding:62px 24px}.section-heading{display:block}.section-heading>p{margin-top:13px}.character-cards{grid-template-columns:1fr}.friend-card{padding:17px}.rewards-section{padding:55px 24px;display:block}.reward-stats{margin:28px 0}.sticker-row{justify-content:start}.sticker-row span{width:32px;height:32px}footer{padding:22px 24px;display:block}footer span{display:block;margin:5px 0}.modal{padding:30px 22px}.modal h2{font-size:37px}.memory-grid{gap:6px}}
.modal-backdrop[aria-hidden="true"]{display:none!important}.talking .mouth{height:11px;animation:talk .18s infinite alternate}.video-placeholder{min-height:190px;background:#dce9e3;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--ink);margin:20px 0}.video-placeholder span{font-size:35px;color:var(--coral);margin-bottom:8px}.video-placeholder strong{font-family:"Baloo 2";font-size:20px}.video-placeholder small{color:var(--muted);margin-top:4px}@keyframes talk{from{transform:scaleY(.65)}to{transform:scaleY(1.15)}}