:root{--pink:#fcb1c4;--pink-2:#ffd3df;--hot:#f4739a;--cream:#fffaf0;--cocoa:#483432;--mint:#d9e8e0;--butter:#f6e7a1;--lilac:#e4d4ff}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:Fredoka,system-ui,sans-serif;color:var(--cocoa);overflow:hidden;background:radial-gradient(circle at 20% 15%,#ffe3ea 0,transparent 45%),radial-gradient(circle at 85% 80%,#e9ddff 0,transparent 45%),radial-gradient(circle at 70% 10%,#fff2c6 0,transparent 35%),var(--pink)}#gl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.lg{display:block;background:var(--c,var(--cream));-webkit-mask:var(--src) center/contain no-repeat;mask:var(--src) center/contain no-repeat}header{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px 26px}header .lg{width:120px;height:38px;--c:var(--cocoa)}.pill{display:inline-flex;gap:8px;align-items:center;background:var(--cream);padding:8px 16px;border-radius:99px;font-size:14px;font-weight:500;box-shadow:0 4px 0 var(--cocoa);border:2px solid var(--cocoa)}.pill i{width:9px;height:9px;border-radius:50%;background:var(--hot);animation:pulse 1.2s infinite}@keyframes pulse{50%{transform:scale(1.7);opacity:.4}}main{position:relative;z-index:2;height:100%;display:grid;place-items:center;perspective:1100px;padding:70px 18px 90px}.stage{transform-style:preserve-3d;text-align:center;transition:transform .18s ease-out;will-change:transform;width:min(1280px,96vw)}.logo3d{position:relative;width:100%;aspect-ratio:1317/254;max-height:none;margin:0 auto;transform-style:preserve-3d;animation:bob 4.5s ease-in-out infinite}.logo3d .lg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1.5deg)}}.badge{display:inline-block;margin-top:6px;font-family:DynaPuff;font-size:clamp(16px,2.4vw,24px);background:var(--cocoa);color:var(--cream);padding:10px 26px;border-radius:99px;transform:translateZ(70px) rotate(-2deg);box-shadow:0 6px 0 var(--hot)}.sub{margin-top:16px;font-size:clamp(14px,1.8vw,19px);font-weight:500;transform:translateZ(50px)}.cd{display:flex;justify-content:center;gap:12px;margin-top:22px;transform:translateZ(80px)}.cd div{background:var(--cream);border:2px solid var(--cocoa);border-radius:22px;padding:8px 14px;min-width:70px;box-shadow:0 5px 0 var(--cocoa)}.cd div:nth-child(1){background:var(--mint)}.cd div:nth-child(2){background:var(--butter)}.cd div:nth-child(3){background:var(--lilac)}.cd div:nth-child(4){background:var(--cream)}.cd b{display:block;font-family:DynaPuff;font-size:clamp(22px,3vw,32px);line-height:1.1}.cd small{font-size:11px;letter-spacing:.12em;font-weight:500}form{margin-top:24px;display:flex;justify-content:center;gap:8px;transform:translateZ(90px);flex-wrap:wrap}input{font:inherit;font-size:15px;background:var(--cream);border:2px solid var(--cocoa);border-radius:99px;padding:13px 20px;width:min(290px,70vw);outline:none;color:var(--cocoa);box-shadow:0 5px 0 var(--cocoa)}input::placeholder{color:#9c8480}input:focus{background:#fff}button{font:600 15px Fredoka;background:var(--hot);color:#fff;border:2px solid var(--cocoa);border-radius:99px;padding:13px 24px;cursor:pointer;box-shadow:0 5px 0 var(--cocoa);transition:transform .12s,box-shadow .12s}button:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 7px 0 var(--cocoa)}button:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cocoa)}.msg{min-height:22px;margin-top:14px;font-weight:500;font-size:15px}.stk{position:fixed;z-index:3;font-family:DynaPuff;font-size:14px;padding:9px 16px;border-radius:99px;border:2px solid var(--cocoa);box-shadow:0 4px 0 var(--cocoa);pointer-events:none;will-change:transform;animation:wob 5s ease-in-out infinite}@keyframes wob{50%{transform:translateY(-10px)}}.s1{top:20%;left:6%;background:var(--butter);rotate:-9deg}.s2{top:28%;right:5%;background:var(--mint);rotate:8deg;animation-delay:-1s}.s3{bottom:26%;left:8%;background:var(--lilac);rotate:6deg;animation-delay:-2s}.s4{bottom:30%;right:7%;background:var(--cream);rotate:-7deg;animation-delay:-3s}.marq{position:fixed;bottom:0;left:0;right:0;z-index:10;background:var(--cocoa);color:var(--cream);overflow:hidden;white-space:nowrap;border-top:3px solid var(--cocoa)}.marq .track{display:inline-flex;align-items:center;gap:22px;padding:11px 0;animation:mq 26s linear infinite;font-family:DynaPuff;font-size:16px}.marq .lg{width:26px;height:26px;--c:var(--pink)}@keyframes mq{to{transform:translate(-50%)}}.pop{position:fixed;z-index:99;pointer-events:none;font-size:22px;animation:pop 1s ease-out forwards}@keyframes pop{to{transform:translate(var(--dx),var(--dy)) scale(1.4) rotate(var(--r));opacity:0}}@media (max-width:640px){.stk{display:none}header .lg{width:96px}.logo3d{max-height:38vh}}