@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--ink:#362044;--purple:#7437a9;--gold:#ffd34d;--orange:#ff874a}
*{box-sizing:border-box}html{min-height:100%;background:#ffe66d}body{margin:0;min-height:100vh;font-family:'Nunito',system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse at 52% 15%,#fff6a5 0,#ffe16a 38%,#ffb64c 100%);overflow-x:hidden}
.sparkles{position:fixed;inset:0;pointer-events:none;opacity:.45;background-image:radial-gradient(#fff 1.7px,transparent 2px),radial-gradient(#fff8c8 2px,transparent 3px);background-size:63px 63px,97px 97px;background-position:5px 9px,33px 40px}
.topbar{position:relative;z-index:2;max-width:1200px;margin:auto;padding:22px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-weight:1000;font-size:21px;letter-spacing:-.5px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(145deg,#9d56d8,#6c35a4);color:#fff;box-shadow:0 5px 0 #4e2779;font-size:22px}.admin-link{font-weight:900;text-decoration:none;color:#52316c;font-size:13px;background:#fff8d8a8;padding:10px 14px;border:1px solid #fff5c6;border-radius:30px}
.hero{position:relative;z-index:1;max-width:1200px;min-height:calc(100vh - 135px);margin:auto;padding:25px clamp(18px,4vw,48px) 35px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:12px}.copy{position:relative;z-index:2;padding:20px 0 55px}.eyebrow{display:inline-flex;align-items:center;gap:8px;border-radius:50px;padding:9px 14px;background:#fff5c8;border:1px solid #fff9df;color:#865126;font-size:11px;font-weight:1000;letter-spacing:1.4px}.eyebrow span{color:#f09a22;font-size:17px}h1{font-family:'Baloo 2',system-ui,sans-serif;font-size:clamp(43px,6.1vw,76px);line-height:.98;letter-spacing:-2px;margin:22px 0 18px;font-weight:800}h1 em{font-style:normal;color:#8038ae;text-shadow:2px 3px 0 #fff0a4} .copy p{max-width:420px;font-size:clamp(15px,1.7vw,18px);line-height:1.65;font-weight:700;color:#6b4c65;margin:0 0 28px}.cta{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;color:#fff;font-weight:1000;letter-spacing:.5px;padding:16px 24px;border-radius:15px;background:linear-gradient(135deg,#a64cce,#7135ad);box-shadow:0 7px 0 #51247d,0 14px 24px #7135ad33;transition:transform .15s;min-height:56px}.cta:hover{transform:translateY(-2px)}.cta span{font-size:22px}.trust{display:flex;align-items:center;gap:8px;margin-top:25px;color:#876a4d;font-size:12px;font-weight:900}.trust span{color:#e3a31f;font-size:20px}
.art{position:relative;min-height:560px;height:min(74vh,690px);max-height:720px;isolation:isolate}.sun{position:absolute;z-index:-2;width:82%;aspect-ratio:1;left:9%;top:3%;border-radius:50%;background:radial-gradient(circle,#fff8b2 0,#ffdc5d 64%,#ffb94d00 70%);filter:drop-shadow(0 0 30px #fff1a0)}.halo{position:absolute;border:2px solid #fff6bf;border-radius:50%;transform:rotate(-18deg)}.halo-a{width:95%;height:32%;top:36%;left:1%}.halo-b{width:80%;height:25%;top:43%;left:9%;transform:rotate(27deg)}
.mascot{position:absolute;filter:drop-shadow(0 15px 5px #9d5d2930)}.fox{width:43%;height:49%;right:8%;top:15%;transform:rotate(7deg);z-index:3}.fox-body{position:absolute;bottom:0;left:13%;width:76%;height:58%;border-radius:48% 48% 28% 28%;background:linear-gradient(135deg,#ff9c46,#e85b35);border:5px solid #fff0ba}.fox-face{position:absolute;z-index:3;left:15%;top:8%;width:72%;height:56%;border-radius:48% 48% 45% 45%;background:linear-gradient(145deg,#ffbd67,#ff8c45);border:5px solid #fff0ba}.fox-ear{position:absolute;top:0;width:29%;height:28%;background:#f17a3d;border:5px solid #fff0ba;z-index:2;clip-path:polygon(50% 0,100% 100%,0 100%)}.fox-ear.left{left:12%;transform:rotate(-22deg)}.fox-ear.right{right:12%;transform:rotate(22deg)}.fox-eye{position:absolute;top:36%;width:12%;height:17%;background:#352346;border-radius:50%;border:3px solid white}.fox-eye.left{left:22%}.fox-eye.right{right:22%}.fox-muzzle{position:absolute;left:25%;bottom:8%;width:50%;height:30%;border-radius:50%;background:#fff0c7}.smile{position:absolute;left:39%;bottom:18%;width:23%;height:9%;border-bottom:3px solid #9d4a32;border-radius:50%}
.blob{width:42%;height:43%;left:8%;top:15%;z-index:2;transform:rotate(-8deg)}.blob-face{position:absolute;inset:14% 0 0;border-radius:48% 52% 42% 45%;background:linear-gradient(140deg,#64e7d9,#19aebc);border:5px solid #fff0ba}.blob-horn{position:absolute;top:0;width:27%;height:34%;background:#7d49b7;border:4px solid #fff0ba;z-index:2;clip-path:polygon(50% 0,100% 100%,0 100%)}.blob-horn.left{left:5%;transform:rotate(-20deg)}.blob-horn.right{right:5%;transform:rotate(20deg)}.blob-eye{position:absolute;top:30%;width:23%;height:25%;border-radius:50%;background:#fff;border:4px solid #56317c}.blob-eye:after{content:'';position:absolute;width:43%;height:53%;left:32%;top:22%;background:#30254a;border-radius:50%}.blob-eye.left{left:18%}.blob-eye.right{right:18%}.blob-mouth{position:absolute;left:32%;bottom:10%;width:37%;height:20%;border-radius:10% 10% 50% 50%;background:#783d79;border:3px solid #fff0ba}
.bunny{width:45%;height:44%;left:28%;top:38%;z-index:4;transform:rotate(-3deg)}.ear{position:absolute;top:-22%;width:24%;height:53%;background:#f6a6d5;border:5px solid #fff0ba;border-radius:55% 55% 40% 40%;z-index:0}.ear-left{left:20%;transform:rotate(-15deg)}.ear-right{right:20%;transform:rotate(13deg)}.bunny-head{position:absolute;top:5%;left:8%;width:84%;height:67%;border-radius:49%;background:linear-gradient(135deg,#fffef7,#ffdce9);border:5px solid #fff0ba;z-index:2}.bunny-eye{position:absolute;top:38%;width:8%;height:12%;background:#34244a;border-radius:50%}.bunny-eye.left{left:28%}.bunny-eye.right{right:28%}.bunny-nose{position:absolute;top:55%;left:45%;width:11%;height:8%;border-radius:50%;background:#e968a4}.bunny-cheek{position:absolute;top:57%;width:15%;height:9%;background:#ff9fc4;border-radius:50%;opacity:.8}.bunny-cheek.left{left:13%}.bunny-cheek.right{right:13%}.bunny-body{position:absolute;bottom:0;left:18%;width:66%;height:44%;border-radius:50% 50% 30% 30%;background:linear-gradient(130deg,#a45cdb,#7435b0);border:5px solid #fff0ba}
.coin{position:absolute;z-index:1;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fff09a,#e8a51c 65%,#b9760a);border:4px solid #ffed9b;color:#a86b08;font-size:25px;font-weight:1000;box-shadow:inset 0 0 0 4px #f9c846,0 8px 0 #b97912}.coin1{width:56px;height:56px;top:11%;left:43%}.coin2{width:39px;height:39px;top:35%;right:4%}.coin3{width:48px;height:48px;top:54%;left:3%}.coin4{width:32px;height:32px;top:7%;right:17%}
.coin-pile{position:absolute;z-index:5;bottom:5%;left:3%;width:94%;height:26%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.coin-pile span{display:grid;place-items:center;width:15%;height:58%;border-radius:50% / 18%;border:4px solid #ffed9b;background:repeating-linear-gradient(to bottom,#ffdb53 0 7px,#e9a51b 8px 11px);box-shadow:0 7px 0 #b97912;color:#a96c08;font-weight:1000;font-size:clamp(17px,2vw,28px)}.coin-pile span:nth-child(2),.coin-pile span:nth-child(6){height:75%}.coin-pile span:nth-child(3),.coin-pile span:nth-child(5){height:88%}.coin-pile span:nth-child(4){height:100%}
.ribbon{position:absolute;z-index:6;bottom:0;left:5%;width:90%;height:9%;display:grid;place-items:center;color:#fff9cf;font-weight:1000;letter-spacing:3px;font-size:clamp(11px,1.5vw,17px);background:linear-gradient(90deg,#c93454,#ff5e50,#c93454);border:4px solid #ffbd51;border-radius:12px 12px 40% 40%;transform:rotate(-1deg);box-shadow:0 8px 0 #b62b49}
footer{position:relative;z-index:1;text-align:center;padding:12px 18px 22px;font-size:11px;font-weight:800;color:#8e704d}
@media(max-width:760px){.topbar{padding:17px 18px}.hero{grid-template-columns:1fr;padding-top:10px;gap:0}.copy{padding:18px 0 0;text-align:center}.eyebrow{font-size:10px}h1{font-size:clamp(43px,12vw,66px);letter-spacing:-1.5px;margin-top:18px}.copy p{margin:0 auto 22px;max-width:440px}.trust{justify-content:center;margin-top:22px}.art{height:470px;min-height:0;margin:0 auto;width:min(100%,520px)}footer{padding-bottom:18px}}
@media(max-width:390px){.art{height:390px}.brand{font-size:18px}.admin-link{font-size:12px;padding:9px 11px}.coin-pile{bottom:6%}}