:root{--font-heading:"Outfit", sans-serif;--font-body:"Space Grotesk", sans-serif;--bg-dark:#070714;--primary-glow:#8b5cf666;--secondary-glow:#ec489966;--accent-glow:#38bdf866}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);color:#fff;width:100%;height:100%;font-family:var(--font-body);-webkit-user-select:none;user-select:none;overflow:hidden}#root{width:100%;height:100%}.space-container{background:radial-gradient(circle,#13112c 0%,#080718 60%,#030209 100%);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.glow-orb{filter:blur(100px);opacity:.6;pointer-events:none;border-radius:50%;animation:8s ease-in-out infinite alternate pulseOrb;position:absolute}.glow-orb-1{background:radial-gradient(circle,#8b5cf6,#0000);width:500px;height:500px;top:-100px;left:-100px}.glow-orb-2{background:radial-gradient(circle,#ec4899,#0000);width:600px;height:600px;animation-delay:-4s;bottom:-150px;right:-150px}.glow-orb-3{background:radial-gradient(circle,#38bdf8,#0000);width:400px;height:400px;animation-delay:-2s;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseOrb{0%{opacity:.4;transform:scale(.9)translate(0)}to{opacity:.75;transform:scale(1.2)translate(30px,-20px)}}.floating-emoji{pointer-events:auto;cursor:pointer;z-index:10;will-change:transform;font-size:2.2rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),filter .3s;position:absolute}.floating-emoji:hover{filter:drop-shadow(0 0 15px #ffffffe6);z-index:100;transform:scale(1.8)rotate(15deg)!important}.center-card{z-index:20;-webkit-backdrop-filter:blur(20px);text-align:center;background:#12102673;border:1px solid #ffffff1f;border-radius:32px;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:650px;padding:3.5rem 4rem;animation:6s ease-in-out infinite floatCard;display:flex;position:relative;box-shadow:0 20px 50px #00000080,0 0 40px #a855f733,inset 0 1px 1px #ffffff4d}@keyframes floatCard{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(.5deg)}}.space-badge{letter-spacing:2px;text-transform:uppercase;color:#c084fc;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:.88rem;display:inline-flex;box-shadow:0 0 15px #c084fc33}.pulse-dot{background-color:#38bdf8;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulseDot;box-shadow:0 0 8px #38bdf8}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}}.main-title{font-family:var(--font-heading);letter-spacing:4px;background:linear-gradient(135deg,#fff 0%,#f472b6 40%,#c084fc 70%,#60a5fa 100%) 0 0/200%;-webkit-text-fill-color:transparent;text-shadow:0 0 40px #c084fc4d;-webkit-background-clip:text;margin-top:.2rem;font-size:4.8rem;font-weight:900;line-height:1;animation:4s linear infinite shine}@keyframes shine{to{background-position:200%}}.sub-title{font-family:var(--font-heading);background:linear-gradient(135deg,#e2e8f0,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;justify-content:center;align-items:center;gap:12px;font-size:2.2rem;font-weight:700;display:flex}.sub-description{color:#94a3b8;max-width:480px;font-size:1.05rem;line-height:1.6}.magic-button{font-size:1rem;font-weight:700;font-family:var(--font-heading);color:#fff;cursor:pointer;background:linear-gradient(135deg,#a855f7 0%,#ec4899 100%);border:none;border-radius:50px;outline:none;align-items:center;gap:10px;margin-top:1rem;padding:14px 36px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #a855f766,0 0 20px #ec48994d}.magic-button:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 15px 35px #a855f799,0 0 30px #ec489980}.magic-button:active{transform:translateY(1px)scale(.98)}.star-canvas{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.emoji-counter{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#cbd5e1;background:#ffffff12;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;display:flex;position:absolute;bottom:25px;right:25px}@media (width<=640px){.center-card{padding:2.5rem 1.5rem}.main-title{font-size:3.5rem}.sub-title{font-size:1.75rem}}