:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#0a0a0a;color:#fafafa}.shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:radial-gradient(ellipse at 30% 50%,rgba(238,90,36,.08) 0%,transparent 60%),radial-gradient(ellipse at 70% 50%,rgba(255,107,107,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(240,147,43,.05) 0%,transparent 50%),#0a0a0a}.skateboard-scene{display:flex;flex-direction:column;align-items:center;gap:2.5rem}.title{font-size:clamp(1.8rem,5vw,3.2rem);font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:linear-gradient(135deg,#ff6b6b,#ee5a24,#f0932b 60%,#f9ca24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleShimmer 4s ease-in-out infinite;background-size:200% 200%}@keyframes titleShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.skateboard-container{position:relative;width:min(650px,90vw);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(-2deg)}}.skateboard{width:100%;height:auto;filter:drop-shadow(0 8px 24px rgba(255,107,107,.15));transition:filter .3s ease}.skateboard:hover{filter:drop-shadow(0 12px 36px rgba(255,107,107,.25))}.sticker{animation:stickerPulse 3s ease-in-out infinite}@keyframes stickerPulse{0%,to{opacity:1}50%{opacity:.85}}.shadow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:60%;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.4) 0%,transparent 70%);animation:shadowPulse 4s ease-in-out infinite}@keyframes shadowPulse{0%,to{transform:translate(-50%) scaleX(1);opacity:.6}50%{transform:translate(-50%) scaleX(.85);opacity:.4}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:visible}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#ff6b6b;top:50%;opacity:0;animation:particleDrift 3.5s ease-in-out infinite}.particle:nth-child(odd){background:#f0932b;width:2px;height:2px}.particle:nth-child(3n){background:#f9ca24}@keyframes particleDrift{0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.8;transform:translateY(-10px) scale(1)}80%{opacity:.3;transform:translateY(-50px) scale(.6)}to{opacity:0;transform:translateY(-70px) scale(0)}}.tagline{display:flex;align-items:center;gap:1.2rem;opacity:.6;animation:fadeIn 1.5s ease-out .5s both}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:.6;transform:translateY(0)}}.tagline .line{display:block;width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,107,107,.4),transparent)}.tagline .text{font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:#ffffff80;font-weight:300}