:root{--bg-dark: #0f0a15;--bg-card: rgba(26, 17, 36, .7);--bg-card-border: rgba(255, 105, 180, .2);--primary-pink: #ff2a74;--primary-rose: #ff4d8d;--primary-glow: rgba(255, 42, 116, .4);--accent-purple: #9d4edd;--accent-gold: #ffb703;--text-main: #ffffff;--text-muted: #d0c0e0;--radius-lg: 24px;--radius-md: 16px;--radius-sm: 10px;--glass-backdrop: blur(16px);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Plus Jakarta Sans,sans-serif;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg-dark);background-image:radial-gradient(circle at 15% 15%,rgba(255,42,116,.15) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(157,78,221,.15) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(255,183,3,.05) 0%,transparent 60%);background-attachment:fixed;color:var(--text-main);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ff4d8d66;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-rose)}.glass-card{background:var(--bg-card);backdrop-filter:var(--glass-backdrop);-webkit-backdrop-filter:var(--glass-backdrop);border:1px solid var(--bg-card-border);box-shadow:0 8px 32px #0000005e;border-radius:var(--radius-lg);transition:var(--transition-smooth)}.glass-card:hover{border-color:#ff69b466;box-shadow:0 12px 40px #ff2a7440}@keyframes float{0%,to{transform:none}}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px var(--primary-glow)}50%{box-shadow:0 0 30px var(--primary-glow),0 0 45px var(--primary-pink)}}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.15)}28%{transform:scale(1)}42%{transform:scale(1.15)}70%{transform:scale(1)}}@keyframes floatHearts{0%{transform:translateY(100vh) scale(.5);opacity:0}20%{opacity:.8}80%{opacity:.8}to{transform:translateY(-10vh) scale(1.2);opacity:0}}.animate-float{animation:float 4s ease-in-out infinite}.animate-pulse-glow{animation:pulseGlow 2.5s infinite}.animate-heartbeat{animation:heartBeat 1.8s infinite}.floating-hearts-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;overflow:hidden}.bg-heart{position:absolute;color:#ff4d8d40;font-size:1.5rem;animation:floatHearts linear infinite}.btn-primary{background:linear-gradient(135deg,var(--primary-pink),#e01e5a);color:#fff;border:none;padding:12px 24px;border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px var(--primary-glow);transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.btn-primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 6px 28px #ff2a7499}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:#ffffff14;color:var(--text-muted);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:9999px;font-weight:500;font-size:.95rem;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#ffffff26;color:#fff;border-color:#ffffff4d}.badge{background:#ff2a7426;color:var(--primary-rose);border:1px solid rgba(255,42,116,.3);padding:6px 14px;border-radius:9999px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:6px}.app-container{max-width:1200px;margin:0 auto;padding:80px 20px 40px;position:relative;z-index:1}.app-container.game-tab-active{padding-top:64px}@media(max-width:768px){.app-container{padding:70px 14px 100px}.app-container.game-tab-active{padding:58px 10px 20px}}