
:root{--ink:#202044;--pink:#ff299d;--blue:#1236fa;--cyan:#0bb4ef;--green:#00cb82;--yellow:#ffe500;--orange:#ffac24}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(circle at 10% 8%,#fff2a6 0,transparent 28%),radial-gradient(circle at 90% 30%,#ffd9f2 0,transparent 30%),radial-gradient(circle at 20% 90%,#d8f8ff 0,transparent 35%),#fffdf8;min-height:100vh}body:before{content:'';display:block;height:10px;background:linear-gradient(90deg,#f7259b 0 16%,#1236fa 16% 33%,#0bb4ef 33% 50%,#00d88c 50% 67%,#ffe500 67% 83%,#ff505a 83%)}.wrap{width:min(100% - 36px,960px);margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:22px 0 10px;gap:12px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:clamp(19px,4vw,26px);font-weight:900;letter-spacing:-.8px}.brand img{width:65px;height:65px;object-fit:contain;filter:drop-shadow(0 3px 5px #0001)}.brand strong{color:#ee2b91}.shoplink{font-size:14px;font-weight:800;color:#1936d6;text-decoration:none;background:white;border:2px solid #e6e8ff;padding:11px 16px;border-radius:99px}.hero{padding:38px 0 24px;position:relative}.eyebrow{display:inline-block;font-size:14px;font-weight:850;border-radius:99px;background:#fff;border:2px solid #ffadd8;color:#c71372;padding:10px 18px;box-shadow:4px 4px 0 #ffdf61}.hero h1{font-size:clamp(38px,8vw,74px);line-height:1.08;letter-spacing:-2.5px;max-width:780px;margin:25px 0 16px}.hero h1 .rainbow{background:linear-gradient(100deg,#ff299d,#1844f9,#00bdad);background-clip:text;color:transparent}.lead{font-size:clamp(17px,3.6vw,22px);line-height:1.6;color:#52516a;max-width:660px;margin:0}.sprinkles{font-size:22px;letter-spacing:9px;margin-top:24px;user-select:none}.section-title{font-size:24px;margin:20px 0 16px}.story{background:white;border:2px solid #f5e7f1;border-radius:30px;overflow:hidden;box-shadow:0 16px 35px #29204b12;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.story-art{min-height:280px;background:linear-gradient(145deg,#0f6dff,#13c2f1 53%,#ffe75b);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.story-art:before,.story-art:after{content:'✦ ✿ ● ✦ ✿';position:absolute;font-size:36px;letter-spacing:18px;color:#ffffff9c;transform:rotate(-20deg)}.story-art:before{top:30px;left:12px}.story-art:after{bottom:28px;right:-80px}.story-art .heart{font-size:clamp(88px,18vw,160px);filter:drop-shadow(0 12px 12px #0002);z-index:1}.story-copy{padding:clamp(24px,5vw,48px);align-self:center}.tag{display:inline-block;border-radius:99px;background:#fff0fa;color:#bf176d;font-size:13px;font-weight:850;padding:8px 13px}.story h2{font-size:clamp(30px,6vw,46px);margin:16px 0 12px;letter-spacing:-1px}.story p{color:#5e5b73;font-size:17px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(110deg,#fa2897,#fa4b6d);border:0;color:white;border-radius:99px;padding:16px 24px;font-size:16px;font-weight:850;text-decoration:none;box-shadow:0 7px 0 #c51d64;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(2px);box-shadow:0 5px 0 #c51d64}.button:active{transform:translateY(6px);box-shadow:0 1px 0 #c51d64}.button.blue{background:linear-gradient(110deg,#1846f9,#0bb4ef);box-shadow:0 7px 0 #1130bd}.button.white{background:white;color:#253ac2;border:2px solid #dce2ff;box-shadow:none}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 65px}.footer{border-top:1px solid #e8e0e9;padding:25px 0 35px;color:#686477;font-size:13px}.inner{text-align:center;padding:30px 0 50px}.inner h1{font-size:clamp(40px,9vw,62px);letter-spacing:-1.5px;margin:20px 0 8px}.inner .lead{margin:auto}.player{width:min(100%,360px);aspect-ratio:9/16;margin:30px auto 20px;border-radius:24px;overflow:hidden;background:#181525;box-shadow:0 16px 45px #1b1b4b3d;border:5px solid white}.player iframe{display:block;width:100%;height:100%;border:0}.inner .message{max-width:540px;margin:20px auto 26px;line-height:1.65;color:#54536d;font-size:17px}.inner .actions{justify-content:center;margin:20px 0 25px}.note{font-size:13px;color:#706c7e;max-width:450px;margin:25px auto}.confetti{font-size:20px;letter-spacing:8px;margin:10px auto}@media(max-width:650px){.top{padding-top:15px}.brand img{width:54px;height:54px}.shoplink{font-size:12px;padding:9px 11px}.hero{padding-top:25px}.hero h1{letter-spacing:-1.5px}.story{grid-template-columns:1fr}.story-art{min-height:180px}.story-art .heart{font-size:105px}.story-copy{padding:25px}.actions .button{width:100%}.inner .actions .button{width:min(100%,360px)}.sprinkles{letter-spacing:5px}}