:root{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#f4f7f6;background:radial-gradient(circle at top,rgba(120,255,120,.18),transparent 32%),radial-gradient(circle at bottom,rgba(255,255,255,.07),transparent 24%),linear-gradient(145deg,#050505,#111 45%,#050505);color-scheme:dark;--bg-panel: rgba(15, 18, 15, .82);--border: rgba(175, 255, 175, .2);--glow: #75ff6d;--glow-soft: rgba(117, 255, 109, .3);--text-dim: rgba(235, 240, 235, .72);--shadow: 0 30px 70px rgba(0, 0, 0, .58)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button{font:inherit}.app-shell{position:relative;min-height:100vh;display:grid;place-items:center;padding:24px;overflow:hidden}.background-glow{position:absolute;width:40vw;height:40vw;border-radius:50%;filter:blur(22px);opacity:.5;pointer-events:none}.background-glow-left{top:-10vw;left:-8vw;background:radial-gradient(circle,rgba(119,255,88,.55),transparent 68%)}.background-glow-right{right:-12vw;bottom:-16vw;background:radial-gradient(circle,rgba(255,255,255,.26),transparent 60%)}.content-card{position:relative;z-index:2;width:min(100%,680px);padding:40px 32px;border:1px solid var(--border);border-radius:28px;background:linear-gradient(180deg,#161c16f5,#070807eb),var(--bg-panel);box-shadow:var(--shadow),inset 0 0 0 1px #ffffff08;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.content-card-wide{width:min(100%,760px)}.eyebrow{margin:0 0 12px;letter-spacing:.28em;text-transform:uppercase;color:var(--glow);font-size:.82rem}h1{margin:0;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95;text-transform:uppercase;text-shadow:0 0 16px rgba(117,255,109,.24)}.subtitle{max-width:28ch;margin:18px auto 0;font-family:Trebuchet MS,Segoe UI,sans-serif;font-size:clamp(1rem,2.4vw,1.2rem);line-height:1.5;color:var(--text-dim)}.button-row{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:28px}.primary-button,.secondary-button{min-width:150px;margin-top:30px;padding:15px 26px;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-button{color:#041103;background:linear-gradient(180deg,#9cff95,#5adf4f);box-shadow:0 14px 35px #5adf4f59}.secondary-button{color:#f5f5f5;background:#ffffff12;border-color:#ffffff1f}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px) scale(1.02)}.primary-button:focus-visible,.secondary-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.celebration-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.flying-cans,.logo-burst{position:absolute;top:0;right:0;bottom:0;left:0}.monster-can{position:relative;width:78px;height:180px;filter:drop-shadow(0 14px 26px rgba(0,0,0,.38))}.monster-can-large{width:clamp(120px,18vw,200px);height:clamp(280px,42vw,440px)}.can-top,.can-bottom{height:10px;border-radius:999px;background:linear-gradient(180deg,#eef2f1,#aeb8b6)}.can-bottom{background:linear-gradient(180deg,#ced5d3,#8a9492)}.can-body{position:relative;height:calc(100% - 20px);margin:-2px 4px;border-radius:12px;background:linear-gradient(180deg,#ffffffe6,#d2d9d8f5 35%,#f4f5f5fa 60%,#afb8b6eb);overflow:hidden;border:1px solid rgba(255,255,255,.4)}.can-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.9),transparent 25%,transparent 70%,rgba(120,130,128,.15)),linear-gradient(180deg,transparent,rgba(85,91,90,.18))}.can-claws{position:absolute;top:16%;right:28%;bottom:22%;left:28%;display:flex;justify-content:center;gap:10%}.can-claws span,.monster-logo span{display:block;width:17%;height:100%;border-radius:999px;transform:skewY(-14deg);background:linear-gradient(180deg,#baff9f,#52e93a 48%,#1f6018);box-shadow:0 0 12px #60ff607a}.monster-can-large .can-claws span{box-shadow:0 0 24px #60ff6099}.can-wordmark{position:absolute;bottom:10%;width:100%;text-align:center;font-size:clamp(.65rem,1.5vw,1.1rem);letter-spacing:.35em;color:#7e8585}.flying-can{position:absolute;opacity:0;animation:flyCan 2.8s ease-out forwards}.flying-can-1{top:12%;left:6%;transform:rotate(-24deg);animation-delay:.05s}.flying-can-2{top:6%;right:8%;transform:rotate(18deg);animation-delay:.2s}.flying-can-3{top:48%;left:10%;transform:rotate(-12deg);animation-delay:.38s}.flying-can-4{bottom:10%;right:10%;transform:rotate(16deg);animation-delay:.55s}.flying-can-5{bottom:14%;left:20%;transform:rotate(-18deg);animation-delay:.72s}.hero-can{position:absolute;right:clamp(18px,4vw,56px);bottom:clamp(22px,4vw,40px);animation:heroLand 1.35s ease-out 1.2s both}.monster-logo{position:absolute;width:clamp(58px,8vw,90px);height:clamp(100px,14vw,150px);display:flex;justify-content:center;gap:10%;opacity:0;filter:drop-shadow(0 0 15px currentColor);animation:floatLogo 4.2s ease-in-out var(--delay) infinite}.monster-logo span{height:100%}.logo-green{color:#8cff62;top:14%;left:16%}.logo-pink{color:#ff4fa3;top:18%;right:18%}.logo-blue{color:#56c9ff;bottom:24%;left:12%}.logo-orange{color:#ffaf45;bottom:18%;right:26%}.logo-green span{background:linear-gradient(180deg,#d2ffc8,#84ff5a 48%,#214e1a)}.logo-pink span{background:linear-gradient(180deg,#ffd0e8,#ff4fa3,#661437)}.logo-blue span{background:linear-gradient(180deg,#d0f4ff,#56c9ff 52%,#163c5e)}.logo-orange span{background:linear-gradient(180deg,#ffe0bc,#ffaf45 52%,#6e3a00)}@keyframes flyCan{0%{opacity:0;transform:translate3d(0,80px,0) scale(.55) rotate(0)}18%{opacity:1}70%{opacity:1;transform:translate3d(0,-12px,0) scale(1) rotate(10deg)}to{opacity:0;transform:translate3d(0,-120px,0) scale(.82) rotate(-10deg)}}@keyframes floatLogo{0%,to{opacity:.25;transform:translateY(16px) rotate(-6deg)}20%,80%{opacity:.9}50%{opacity:1;transform:translateY(-12px) rotate(4deg)}}@keyframes heroLand{0%{opacity:0;transform:translate3d(120px,80px,0) rotate(18deg) scale(.6)}to{opacity:1;transform:translateZ(0) rotate(-8deg) scale(1)}}@media (max-width: 760px){.app-shell{padding:16px}.content-card{padding:32px 20px;border-radius:22px}.hero-can{right:10px;bottom:14px;opacity:.6}.logo-green{left:4%;top:10%}.logo-pink{right:6%;top:10%}.logo-blue{left:4%;bottom:22%}.logo-orange{right:8%;bottom:22%}}@media (max-width: 540px){.button-row{flex-direction:column;align-items:stretch}.primary-button,.secondary-button{width:100%;min-width:0}.flying-can{transform:scale(.8)}.flying-can-2,.flying-can-4{right:-4%}.flying-can-1,.flying-can-3{left:-4%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}