@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--primary:#6366f1;--primary-hover:#4f46e5;--primary-light:#a5b4fc;--accent:#f43f5e;--amber:#fbbf24;--indigo:#6366f1;--violet:#8b5cf6;--fuchsia:#d946ef;--rose:#f43f5e;--bg-main:#f8fafc;--bg-card:#ffffffd9;--text-main:#1e293b;--text-muted:#64748b;--border:#e2e8f0b3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-colored:0 10px 30px -10px #6366f166;--glass-bg:#ffffffbf;--glass-border:#fffc;--gradient-main:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #d946ef 100%);--gradient-hero:linear-gradient(135deg, #1e1b4b 0%, #312e81 100%);--gradient-bg:radial-gradient(circle at top left, #eff6ff 0%, #f8fafc 100%);--gradient-card:linear-gradient(135deg, #fff 0%, #ffffffb3 100%)}.dark{--primary:#6366f1;--primary-hover:#818cf8;--primary-light:#4338ca;--accent:#f43f5e;--amber:#fbbf24;--bg-main:#080c18;--bg-card:#0d1326d1;--text-main:#f1f5f9;--text-muted:#94a3b8;--border:#33415599;--shadow-sm:0 4px 8px -2px #0006;--shadow:0 12px 32px -6px #00000080;--shadow-lg:0 28px 44px -8px #0009;--shadow-colored:0 12px 30px -6px #6366f14d;--glass-bg:#0d13268c;--glass-border:#ffffff0f;--gradient-main:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-hero:linear-gradient(135deg, #0b0e1a 0%, #1e1b4b 50%, #2d1b69 100%);--gradient-bg:radial-gradient(ellipse at 80% 90%, #1e1b4b 0%, #0b0f19 50%, #080c18 100%);--gradient-card:linear-gradient(145deg, #0d1326e6 0%, #1e1b4b66 100%)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,Plus Jakarta Sans,sans-serif}body{background:var(--gradient-bg);color:var(--text-main);letter-spacing:-.01em;background-attachment:fixed;min-height:100vh;transition:background-color .5s,color .4s;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow)}.glass-panel{background:var(--gradient-card);-webkit-backdrop-filter:blur(24px)saturate(160%);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:1.5rem}.card-hover{background:var(--bg-card);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1.25rem;transition:all .25s cubic-bezier(.22,1,.36,1)}.card-hover:hover{box-shadow:var(--shadow-lg);border-color:var(--primary-light);transform:translateY(-4px)scale(1.008)}.text-gradient{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:var(--shadow-colored);border:none;transition:all .3s}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 24px -6px #4f46e573}.btn-primary:active{transform:scale(.98)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(30px,-50px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.7s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.animate-scale-in{animation:.5s cubic-bezier(.34,1.56,.64,1) forwards scaleIn}.animate-slide-up{animation:.6s cubic-bezier(.22,1,.36,1) forwards slideUp}.hover-glow:hover{box-shadow:0 0 20px #6366f166}.text-reveal{background:var(--gradient-main);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;animation:4s linear infinite shimmer}.glass-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.1em;text-transform:uppercase;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;padding:.5rem 1.25rem;font-size:.75rem;font-weight:700}.shimmer{background:linear-gradient(90deg,#cbd5e14d 0%,#e2e8f0b3 40%,#cbd5e14d 80%) 0 0/600px 100%;animation:1.6s linear infinite shimmer}.dark .shimmer{background:linear-gradient(90deg,#1e293b66 0%,#334155b3 40%,#1e293b66 80%) 0 0/600px 100%}.bottom-nav{-webkit-backdrop-filter:blur(28px)saturate(200%);z-index:100;background:#ffffffb3;border:1px solid #ffffff4d;border-radius:2.5rem;justify-content:space-around;align-items:center;width:calc(100% - 2rem);max-width:480px;height:72px;padding:0 1rem;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 20px 50px -12px #00000026,inset 0 0 0 1px #fff6}.dark .bottom-nav{background:#0f172a99;border-color:#ffffff14;box-shadow:0 20px 50px -12px #00000080,inset 0 0 0 1px #ffffff0d}.bottom-nav-item{color:var(--text-muted);border-radius:1.25rem;flex-direction:column;align-items:center;padding:.5rem .75rem;transition:all .2s;display:flex;position:relative}.bottom-nav-item:hover{color:var(--primary);background:#6366f10f}.bottom-nav-item.active{color:#fff;background:var(--gradient-main);transform:translateY(-2px);box-shadow:0 4px 14px -4px #4f46e573}.bottom-nav-item.active:after{display:none}@media (width>=1024px){.bottom-nav{border-radius:3rem;flex-direction:column;justify-content:center;gap:1.5rem;width:84px;height:auto;min-height:400px;padding:2rem 0;top:50%;bottom:auto;left:2rem;transform:translateY(-50%)}.bottom-nav-item{justify-content:center;width:64px;height:64px;padding:0}.bottom-nav-item span:last-child{display:none}.bottom-nav-item span:first-child{font-size:1.5rem!important}}@media (width<=640px){.bottom-nav{border-radius:2rem;width:calc(100% - 1.5rem);height:64px;bottom:.75rem}.bottom-nav-item{padding:.4rem}.bottom-nav-item span:first-child{font-size:1.25rem!important}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b59;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#6366f180}.bg-blob{filter:blur(90px);opacity:.35;z-index:-1;border-radius:50%;animation:22s infinite alternate float;position:absolute}.bg-white,.dark .bg-gray-900{background-color:var(--bg-card)!important}.text-gray-900,.dark .text-white{color:var(--text-main)!important}