@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&family=Noto+Serif+SC:wght@400;700&display=swap";
.vip-card{transition:all .3s;position:relative;margin:15px!important}.vip-gold-glow{animation:2s infinite alternate goldPulse;border:2px solid gold!important;box-shadow:0 0 15px 5px #ffd70099!important}@keyframes goldPulse{0%{box-shadow:0 0 10px gold}to{box-shadow:0 0 20px gold,0 0 30px #ffdf00}}.vip-neon-pink{border:2px solid #ff107a!important;box-shadow:0 0 15px #ff107a,inset 0 0 10px #ff107a!important}.vip-neon-blue{border:2px solid #00f3ff!important;box-shadow:0 0 15px #00f3ff,inset 0 0 10px #00f3ff!important}.vip-rainbow-border{animation:3s linear infinite rainbowBorder;border:3px solid red!important}@keyframes rainbowBorder{0%{border-color:red;box-shadow:0 0 15px red}15%{border-color:#ff7f00;box-shadow:0 0 15px #ff7f00}30%{border-color:#ff0;box-shadow:0 0 15px #ff0}45%{border-color:#0f0;box-shadow:0 0 15px #0f0}60%{border-color:#00f;box-shadow:0 0 15px #00f}75%{border-color:indigo;box-shadow:0 0 15px indigo}90%{border-color:#9400d3;box-shadow:0 0 15px #9400d3}to{border-color:red;box-shadow:0 0 15px red}}.vip-pulse-red{animation:1.5s infinite heartPulse;border:2px solid #f33!important}@keyframes heartPulse{0%{box-shadow:0 0 #ff3333b3}70%{box-shadow:0 0 0 15px #f330}to{box-shadow:0 0 #f330}}.vip-dashed-spin{animation:1s infinite alternate dashGlow;border:3px dashed #ff9800!important}@keyframes dashGlow{0%{box-shadow:0 0 5px #ff9800,inset 0 0 5px #ff9800}to{box-shadow:0 0 15px #ff9800,inset 0 0 15px #ff9800}}.vip-shimmer-silver{animation:2s linear infinite shimmer;border:2px solid silver!important;box-shadow:0 0 15px silver!important}@keyframes shimmer{0%{opacity:1;box-shadow:0 0 5px silver}50%{opacity:.8;box-shadow:0 0 25px #fff}to{opacity:1;box-shadow:0 0 5px silver}}.vip-glow-green{border:2px solid #39ff14!important;box-shadow:0 0 20px #39ff14!important}.vip-fire-border{border:2px solid #ff4500!important;box-shadow:0 0 10px #ff4500,0 0 20px #ff8c00,inset 0 0 15px #ff4500!important}.vip-ice-glow{-webkit-backdrop-filter:blur(5px)saturate(150%)!important;backdrop-filter:blur(5px)saturate(150%)!important;border:2px solid #a0e6ff!important;box-shadow:0 0 20px #a0e6ff,inset 0 0 20px #a0e6ff!important}.vip-cyberpunk{border:3px solid #f0f!important;box-shadow:6px 6px #0ff!important}.vip-floating-shadow{border:1px solid #fffc!important;box-shadow:0 20px 40px #0000004d,0 10px 20px #0003!important}.vip-rose-gold{border:2px solid #b76e79!important;box-shadow:0 0 15px #b76e79,inset 0 0 10px #b76e79!important}.vip-electric-purple{animation:.1s infinite alternate zap;border:2px solid #bf00ff!important;box-shadow:0 0 25px #bf00ff!important}@keyframes zap{0%{opacity:1}to{opacity:.7}}.vip-sunset-gradient{background:linear-gradient(135deg,#ff7e5f4d,#feb47b4d)!important;border:2px solid #ff7e5f!important;box-shadow:0 0 15px #ff7e5f!important}.vip-ocean-breeze{background:linear-gradient(135deg,#2b58764d,#4e43764d)!important;border:2px solid #2b5876!important;box-shadow:0 0 15px #2b5876!important}.vip-galaxy{background-color:#1a0b2e26!important;border:2px solid #1a0b2e!important;box-shadow:0 0 20px #9d4edd!important}.vip-starlight{border:2px solid #fff!important;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff!important}.vip-aurora{animation:3s infinite alternate auroraPulse;border:2px solid #0fc!important;box-shadow:0 0 20px #0fc,inset 0 0 15px #0fc!important}@keyframes auroraPulse{0%{box-shadow:0 0 10px #0fc}to{box-shadow:0 0 30px #0fc}}.vip-magma{background:#cc290026!important;border:2px solid #cc2900!important;box-shadow:0 0 20px #cc2900,inset 0 0 15px #cc2900!important}.vip-holographic{border:1px solid #fffc!important;box-shadow:0 0 25px #fff9!important}.vip-diamond{border:2px solid #b9f2ff!important;box-shadow:0 0 20px #b9f2ff,inset 0 0 10px #b9f2ff!important}.vip-ruby{border:2px solid #e0115f!important;box-shadow:0 0 20px #e0115f,inset 0 0 10px #e0115f!important}.vip-emerald{border:2px solid #50c878!important;box-shadow:0 0 20px #50c878,inset 0 0 10px #50c878!important}.vip-sapphire{border:2px solid #0f52ba!important;box-shadow:0 0 20px #0f52ba,inset 0 0 10px #0f52ba!important}.vip-amethyst{border:2px solid #96c!important;box-shadow:0 0 20px #96c,inset 0 0 10px #96c!important}.vip-topaz{border:2px solid #ffc87c!important;box-shadow:0 0 20px #ffc87c,inset 0 0 10px #ffc87c!important}.vip-pearl{border:2px solid #eae0c8!important;box-shadow:0 0 20px #eae0c8,inset 0 0 10px #eae0c8!important}.vip-obsidian{background:#0000001a!important;border:2px solid #333!important;box-shadow:0 0 20px #000,inset 0 0 10px #000!important}.vip-platinum{border:2px solid #e5e4e2!important;box-shadow:0 0 20px #e5e4e2,inset 0 0 10px #e5e4e2!important}
:root{--bg-gradient:linear-gradient(135deg, #ffd3e0 0%, #fcebb6 100%);--card-bg:#fff9;--card-border:#fff6;--text-main:#5d4037;--text-muted:#8d6e63;--accent:#ff4081;--accent-hover:#f50057;--shadow-sm:0 4px 15px #ff69871a;--shadow-md:0 8px 32px #ff698726;--font-sans:"Outfit", sans-serif;--font-serif:"Noto Serif SC", serif}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;min-height:100vh;overflow-x:clip}body{background:var(--bg-gradient);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed}a{color:inherit;text-decoration:none}.glass-panel{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);box-shadow:var(--shadow-md);border-radius:24px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(45deg,#ff4081,#ff79b0);border:none;border-radius:50px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ff40814d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff408166}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.title-serif{font-family:var(--font-serif)}.input-field{width:100%;color:var(--text-main);background:#fffc;border:2px solid #ffffff80;border-radius:16px;padding:14px 20px;font-family:inherit;font-size:1rem;transition:all .3s}.input-field:focus{border-color:var(--accent);background:#fff;outline:none}.input-field::placeholder{color:var(--text-muted);opacity:.7}.container{max-width:1200px;margin:0 auto;padding:clamp(1rem,4vw,2rem)}
