@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800;900&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--background: #FFFFFF;--background-solid: #F8FAFC;--foreground: #0F172A;--card: #FFFFFF;--card-border: #E2E8F0;--subtext: #475569;--muted: #94A3B8;--primary: #FE2C55;--secondary: #25F4EE;--purple: #8B5CF6;--orange: #FF6B35;--gold: #F59E0B;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--accent-from: var(--primary);--accent-to: var(--secondary);--premium-from: #F59E0B;--premium-to: #D97706;--gradient-primary: linear-gradient(135deg, #FE2C55 0%, #FF6B35 50%, #25F4EE 100%);--gradient-secondary: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--gradient-dark: linear-gradient(135deg, #0F172A 0%, #1E293B 100%);--shadow-glow-primary: 0 0 30px rgba(254, 44, 85, .3), 0 0 60px rgba(254, 44, 85, .15);--shadow-glow-cyan: 0 0 30px rgba(37, 244, 238, .3), 0 0 60px rgba(37, 244, 238, .15);--font-heading: "Outfit", "Space Grotesk", sans-serif;--font-body: "Inter", "DM Sans", sans-serif}.dark{--background: #0A0E14;--background-solid: #0A0E14;--foreground: #F1F5F9;--card: #111318;--card-border: #1E2530;--subtext: #8B98A5;--muted: #4B5563;--primary: #FE2C55;--secondary: #25F4EE;--purple: #A78BFA;--orange: #FF6B35;--gold: #FBBF24;--success: #34D399;--warning: #FBBF24;--error: #F87171;--accent-from: var(--primary);--accent-to: var(--secondary);--premium-from: #FBBF24;--premium-to: #F59E0B;--gradient-glass: linear-gradient(135deg, rgba(255,255,255,.04) 0%, rgba(255,255,255,.01) 100%);--shadow-glow-primary: 0 0 40px rgba(254, 44, 85, .4), 0 0 80px rgba(254, 44, 85, .2)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overflow-x:hidden;max-width:100vw;width:100%}body{background:var(--background-solid);color:var(--foreground);font-family:var(--font-body);font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(254,44,85,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(37,244,238,.06) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(139,92,246,.04) 0%,transparent 60%);pointer-events:none;z-index:0;animation:ambientPulse 15s ease-in-out infinite}.dark body:before{background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(254,44,85,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 80% 80%,rgba(37,244,238,.08) 0%,transparent 60%),radial-gradient(ellipse 50% 60% at 50% 50%,rgba(139,92,246,.06) 0%,transparent 60%)}body>*{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;letter-spacing:-.03em;line-height:1.1;color:var(--foreground)}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:900}h2{font-size:clamp(2rem,4vw,3.5rem)}h3{font-size:clamp(1.4rem,2.5vw,2rem)}h4{font-size:clamp(1.1rem,2vw,1.5rem)}p{font-family:var(--font-body)}.glass-panel{background:#ffffffb3;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 32px #00000014,inset 0 1px #ffffffe6;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .glass-panel{background:#111318d9;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0009,inset 0 1px #ffffff0a}.glass-panel:hover{transform:translateY(-2px);box-shadow:0 16px 48px #0000001f,inset 0 1px #ffffffe6}.dark .glass-panel:hover{box-shadow:0 16px 48px #000000b3,0 0 0 1px #fe2c5526,inset 0 1px #ffffff0f}.gradient-primary{background:linear-gradient(135deg,#fe2c55,#ff6b35,#25f4ee);background-size:200% 200%;animation:gradientShift 4s ease infinite;box-shadow:0 4px 24px #fe2c5580,0 8px 48px #fe2c5540;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.gradient-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.25) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s ease}.gradient-primary:hover:before{transform:translate(100%)}.gradient-primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 40px #fe2c55a6,0 16px 64px #fe2c554d}.gradient-primary:active{transform:translateY(0) scale(.98)}.card-shadow{box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000f,0 0 0 1px #fe2c5508;transform:translateZ(0);transition:all .35s cubic-bezier(.4,0,.2,1)}.dark .card-shadow{box-shadow:0 1px 3px #00000080,0 4px 12px #0006,0 0 0 1px #fe2c5514}.card-shadow:hover{transform:translateY(-4px) translateZ(0);box-shadow:0 8px 24px #0000001a,0 16px 40px #00000014,0 0 0 1px #fe2c5514}.dark .card-shadow:hover{box-shadow:0 8px 24px #0009,0 16px 40px #00000080,0 0 0 1px #fe2c5533,0 0 40px #fe2c550f}.card-shadow-lg{box-shadow:0 4px 16px #00000014,0 12px 32px #0000000f,0 0 0 1px #fe2c550d,inset 0 1px #fffc;transform:translateZ(0);transition:all .35s cubic-bezier(.4,0,.2,1)}.dark .card-shadow-lg{box-shadow:0 4px 16px #0009,0 12px 32px #00000080,0 0 0 1px #fe2c551f,inset 0 1px #ffffff0a}.card-shadow-lg:hover{transform:translateY(-6px) translateZ(0) scale(1.01);box-shadow:0 16px 48px #00000026,0 24px 64px #0000001a,0 0 0 1px #fe2c551f,0 0 60px #fe2c5514}.dark .card-shadow-lg:hover{box-shadow:0 16px 48px #000c,0 24px 64px #0009,0 0 0 1px #fe2c5540,0 0 60px #fe2c551f}.gradient-text{background:linear-gradient(135deg,#fe2c55,#ff6b35 40%,#8b5cf6,#25f4ee);background-size:300% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 5s ease infinite}.text-gradient-animate{background:linear-gradient(90deg,#fe2c55,#ff6b35,#8b5cf6,#25f4ee,#fe2c55);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientText 6s ease infinite}.glow-primary{box-shadow:0 0 20px #fe2c5580,0 0 40px #fe2c5540}.glow-cyan{box-shadow:0 0 20px #25f4ee80,0 0 40px #25f4ee40}.glow-purple{box-shadow:0 0 20px #8b5cf680,0 0 40px #8b5cf640}.card-modern{background:var(--card);border:1px solid var(--card-border);border-radius:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#fe2c5508,#25f4ee08);opacity:0;transition:opacity .4s ease}.card-modern:hover:before{opacity:1}.card-modern:hover{border-color:#fe2c554d;transform:translateY(-6px);box-shadow:0 12px 40px #00000026,0 0 0 1px #fe2c551a}.dark .card-modern{background:var(--card);border-color:var(--card-border)}.dark .card-modern:hover{border-color:#fe2c5559;box-shadow:0 12px 40px #000000b3,0 0 40px #fe2c5514}.hover-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.hover-lift:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001f}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#fe2c55,#8b5cf6);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fe2c55}::selection{background:#fe2c5540;color:var(--foreground)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.smooth-transform{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease,border-color .3s ease,background-color .3s ease}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(120px,auto);gap:1rem}@media(max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.bento-grid{grid-template-columns:1fr}}.mobile-bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.08);padding:8px 16px;padding-bottom:max(8px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;box-shadow:0 -4px 24px #00000014}.dark .mobile-bottom-nav{background:#0a0e14f7;border-top-color:#ffffff0f;box-shadow:0 -4px 24px #00000080}@media(max-width:1023px){main{padding-bottom:80px!important}}.touch-target{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.badge-primary{background:#fe2c551f;color:#fe2c55;border:1px solid rgba(254,44,85,.25)}.badge-success{background:#10b9811f;color:var(--success);border:1px solid rgba(16,185,129,.25)}.animate-in{animation-fill-mode:both}.fade-in{animation:fadeIn .5s ease}.slide-in-from-bottom-2{animation:slideInBottom .5s cubic-bezier(.4,0,.2,1)}.slide-in-from-bottom-4{animation:slideInBottomLg .6s cubic-bezier(.4,0,.2,1)}.slide-in-from-left{animation:slideInLeft .6s cubic-bezier(.4,0,.2,1)}.slide-in-from-right{animation:slideInRight .6s cubic-bezier(.4,0,.2,1)}.duration-300{animation-duration:.3s}.duration-700{animation-duration:.7s}.duration-1000{animation-duration:1s}.animate-float{animation:float 4s ease-in-out infinite}.animate-shimmer{position:relative;overflow:hidden}.animate-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:shimmer 2.5s infinite}.animate-pulse-glow{animation:pulseGlow 2s ease-in-out infinite}.animate-gradient{animation:gradientShift 4s ease infinite;background-size:200% 200%}@keyframes ambientPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes gradientText{0%,to{background-position:0% center}50%{background-position:100% center}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-8px) rotate(1deg)}66%{transform:translateY(-4px) rotate(-1deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #fe2c5566}50%{box-shadow:0 0 40px #fe2c55b3,0 0 80px #fe2c554d}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInBottom{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInBottomLg{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:640px){h1{font-size:clamp(2rem,8vw,2.5rem)}h2{font-size:clamp(1.5rem,6vw,2rem)}.container{padding-left:1rem;padding-right:1rem}}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-top{padding-top:env(safe-area-inset-top,0px)}.text-primary{color:var(--primary)!important}.text-secondary{color:var(--secondary)!important}.text-purple{color:var(--purple)!important}.text-orange{color:var(--orange)!important}.text-foreground{color:var(--foreground)!important}.text-subtext{color:var(--subtext)!important}.text-success{color:var(--success)!important}.text-warning{color:var(--warning)!important}.text-error{color:var(--error)!important}.bg-primary{background-color:var(--primary)!important}.bg-secondary{background-color:var(--secondary)!important}.bg-card{background-color:var(--card)!important}.bg-background{background-color:var(--background)!important}.bg-background-solid{background-color:var(--background-solid)!important}.border-cardBorder{border-color:var(--card-border)!important}.border-primary{border-color:var(--primary)!important}.border-secondary{border-color:var(--secondary)!important}.gradient-tiktok{background:linear-gradient(135deg,var(--primary),black)}.gradient-youtube{background:linear-gradient(135deg,red,#c00)}.gradient-instagram{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.gradient-facebook{background:linear-gradient(135deg,#1877f2,#0c63d4)}.gradient-x{background:linear-gradient(135deg,#1f2937,#000)}.gradient-other{background:linear-gradient(135deg,#a855f7,#7c3aed)}