:root{--coral: #F26D5B;--sun: #F6C445;--grape: #7C5BB0;--grape-d: #553A86;--cream: #FFF6E9;--ink: #3A2E50;--muted: #6E5F86;--soft: #D8C9EF;--night-top: #352458;--maxw: 1180px;--radius: 999px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Nunito,system-ui,sans-serif;min-height:100vh;overflow-x:hidden;-webkit-tap-highlight-color:transparent}img{max-width:100%;height:auto}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px;position:relative;z-index:2}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto}}.sky{position:fixed;inset:0;z-index:1;pointer-events:none}.star{position:absolute;background:#fff;border-radius:50%;opacity:.85;box-shadow:0 0 6px #fff9;animation:tw var(--d, 3s) ease-in-out infinite alternate}@keyframes tw{0%{opacity:.16;transform:scale(.6)}to{opacity:.95;transform:scale(1.1)}}.blob{position:fixed;border-radius:50%;filter:blur(70px);z-index:0;pointer-events:none}.site-header{display:flex;justify-content:center;padding:40px 0 20px}.logo{display:block;line-height:0}.logo img{width:clamp(210px,24vw,310px);height:auto;filter:drop-shadow(0 6px 30px rgba(246,196,69,.45)) drop-shadow(0 2px 10px rgba(20,10,40,.4))}body{color:#fff;background:radial-gradient(135% 115% at 50% 8%,#352458,#4a3478 22%,#6a4a99 46%,#9e5ea8 72%,#e08a6e) fixed}.b1{width:420px;height:420px;background:#ffd27a;top:-120px;right:-80px;opacity:.15}.b2{width:360px;height:360px;background:var(--coral);bottom:-100px;left:-90px;opacity:.15}.b3{width:300px;height:300px;background:#86c893;top:40%;right:10%;opacity:.15}.hero{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center;padding:24px 0 40px;min-height:62vh}.badge{display:inline-flex;align-items:center;gap:9px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);padding:8px 18px;font-family:"Baloo 2",cursive;font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(6px)}.dot{width:8px;height:8px;border-radius:50%;background:#ffe6a3;animation:blink 1.8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:"Baloo 2",cursive;font-weight:800;font-size:clamp(2.8rem,7vw,5.6rem);line-height:.96;margin:20px 0 0;letter-spacing:-.01em;text-shadow:0 6px 26px rgba(50,30,80,.35)}h1 .y{color:#ffd876}.lede{font-size:clamp(1.05rem,2.1vw,1.3rem);font-weight:600;max-width:480px;margin:18px 0 0;color:#ffffffeb;line-height:1.55}.actions{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.btn{font-family:"Baloo 2",cursive;font-weight:700;text-decoration:none;padding:15px 28px;border-radius:var(--radius);font-size:1rem;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary{background:#fff;color:var(--grape-d);box-shadow:0 16px 34px -12px #28144680}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px -12px #28144699}.btn-primary:focus-visible{outline:3px solid #FFD876;outline-offset:3px}.note{display:inline-flex;align-items:center;gap:9px;font-family:"Baloo 2",cursive;font-weight:700;font-size:.92rem;color:#ffffffe6}.scene{position:relative;height:480px}.cover-frame{position:absolute;width:64%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);background:#fff;padding:8px;border-radius:22px;box-shadow:0 36px 70px -24px #1e1038b3;z-index:2;display:block;line-height:0}.cover{width:100%;height:auto;display:block;border-radius:14px}.pu{position:absolute;z-index:3;filter:drop-shadow(0 16px 24px rgba(30,16,56,.45));will-change:transform}.pu1{width:140px;left:-2%;top:6%;animation:float 6s ease-in-out infinite}.pu2{width:120px;right:0;top:0;animation:float 7s ease-in-out infinite .6s;animation-fill-mode:backwards}.pu3{width:150px;right:1%;bottom:2%;animation:float 6.5s ease-in-out infinite 1.2s;animation-fill-mode:backwards}.pu4{width:120px;left:0;bottom:6%;animation:float 7.5s ease-in-out infinite .3s;animation-fill-mode:backwards}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-18px) rotate(3deg)}}.peek{position:relative;z-index:2;margin-top:30px;padding:62px 0 70px;background:var(--cream);color:var(--ink);border-radius:34px 34px 0 0}.peek h2{font-family:"Baloo 2",cursive;font-weight:800;text-align:center;color:var(--grape-d);font-size:clamp(1.6rem,3.6vw,2.4rem)}.peek .sub{text-align:center;color:var(--muted);font-weight:600;margin-top:8px}.deck{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;justify-items:center;max-width:940px;margin:44px auto 0}.pcard{width:100%;max-width:208px;border-radius:20px;overflow:hidden;background:#fff;border:5px solid #fff;box-shadow:0 22px 46px -18px #553a8680;transition:transform .35s,box-shadow .35s}.pcard:nth-child(1){transform:rotate(-2deg)}.pcard:nth-child(2){transform:rotate(1.2deg)}.pcard:nth-child(3){transform:rotate(-1.2deg)}.pcard:nth-child(4){transform:rotate(2deg)}.pcard:hover{transform:rotate(0) translateY(-10px) scale(1.04);z-index:4;box-shadow:0 30px 60px -18px #553a8699}.pcard img{width:100%;height:auto;display:block;border-radius:14px}.peek .foot{text-align:center;margin-top:54px;color:var(--muted);font-weight:600;font-size:.9rem}.peek .foot strong{color:var(--coral)}.site-footer{background:var(--night-top);color:var(--soft);text-align:center;padding:28px 26px;font-size:.88rem;position:relative;z-index:2}.site-footer nav{display:flex;gap:22px;justify-content:center;flex-wrap:wrap;margin-bottom:10px}.site-footer a{color:#fff;text-decoration:none;font-weight:700}.site-footer a:hover{text-decoration:underline}.site-footer .copy{opacity:.75}@media(max-width:880px){.hero{grid-template-columns:1fr;text-align:center;gap:10px}.lede{margin-inline:auto}.actions{justify-content:center}.scene{height:430px;margin-top:20px}.logo img{width:clamp(180px,48vw,260px)}.deck{grid-template-columns:repeat(2,1fr);max-width:470px}}@media(max-width:520px){.pu2,.pu4{display:none}.pu1{width:96px}.pu3{width:100px}}@media(max-width:430px){.deck{grid-template-columns:1fr;max-width:230px;gap:26px}}