@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Tomorrow:ital,wght@1,600&display=swap";:root{--bg-primary:#0b0400;--bg-secondary:#1a0c04;--bg-elevated:#24110708;--text-primary:#fff3ea;--text-secondary:#ffb37a;--accent:#ff7a1a;--accent-light:#ffa040;--accent-dark:#ec5f00;--accent-glow:#ff7a1a47;--accent-gradient:linear-gradient(135deg, #ffa040 0%, #ff7a1a 45%, #ec5f00 100%);--success:#1ee0a0;--success-glow:#1ee0a047;--danger:#ff4d5e;--danger-glow:#ff4d5e47;--info:#35c9ff;--tier-basic:#a8b8cc;--tier-pro:#35c9ff;--tier-ultra:#ffc233;--nav-height:75px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--container-max:600px;--font-main:"Space Grotesk", sans-serif;--font-heading:"Tomorrow", sans-serif;--glass-bg:#100701d1;--glass-border:#ff7a1a2e;--glass-blur:blur(14px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);background-image:radial-gradient(80% 55% at 50% -8%,#ff7a1a33 0%,#0000 70%),radial-gradient(60% 45% at 100% 22%,#8900ff1a 0%,#0000 70%),radial-gradient(70% 50% at 0 78%,#1ee0a012 0%,#0000 70%),radial-gradient(circle at 50% 0,#24100a 0%,#0000 80%);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}#root{min-height:100vh;max-width:var(--container-max);flex-direction:column;margin:0 auto;display:flex;position:relative}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--accent-light), var(--accent-dark));border-radius:100px}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.05em;font-style:italic}h1{text-transform:uppercase;background:var(--accent-gradient);-webkit-text-fill-color:transparent;color:var(--accent);filter:drop-shadow(0 0 18px var(--accent-glow));-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:600}p{color:var(--text-secondary);font-weight:300}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0d}.card{border-radius:var(--radius-md);background:linear-gradient(160deg, #ff7a1a0f 0%, #ff7a1a00 55%), var(--bg-secondary);border:1px solid #ffffff0d;padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-glow), transparent);opacity:.9;width:76%;height:1px;position:absolute;top:0;left:12%}.card:after{content:"";background:linear-gradient(90deg,#0000,#ffb46e12,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.card:hover:after{left:100%}.card:hover{border-color:var(--accent-glow);box-shadow:0 14px 34px -12px #000000b3, 0 0 26px -6px var(--accent-glow);transform:translateY(-5px)}.card.glass{background:linear-gradient(150deg, #ff7a1a17 0%, #ff7a1a00 62%), var(--glass-bg)}.progress-fill{background:linear-gradient(90deg, var(--accent-dark), var(--accent) 55%, var(--accent-light));box-shadow:0 0 14px var(--accent-glow), 0 0 4px var(--accent);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:2.6s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}55%,to{transform:translate(300%)}}.btn{border-radius:var(--radius-sm);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.75rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:var(--accent-gradient);color:#24100a;box-shadow:0 4px 16px -4px #ff7a1a8c,inset 0 1px #ffffff47}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;transition:left .6s;position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn-primary:hover:after{left:130%}.btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 26px -2px #ff7a1abf,inset 0 1px #ffffff59}.btn-primary:active{transform:scale(.95)}.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bottom-nav{width:100%;max-width:var(--container-max);height:var(--nav-height);z-index:1000;border-top:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#2d1002eb 0%,#120701f5 100%);justify-content:space-around;align-items:center;padding:0 1rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -8px 30px -10px #000c}.bottom-nav:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.55;width:84%;height:1px;position:absolute;top:-1px;left:8%}.nav-item{color:var(--text-secondary);opacity:.65;flex-direction:column;align-items:center;gap:6px;font-size:.7rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.nav-item.active{color:var(--accent-light);opacity:1;text-shadow:0 0 14px var(--accent-glow);transform:translateY(-5px)}.nav-item.active:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 12px var(--accent), 0 0 22px var(--accent-glow);border-radius:50%;position:absolute;bottom:-10px}.nav-icon{font-size:1.4rem;transition:transform .3s}.nav-item:hover .nav-icon{transform:scale(1.2)}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px var(--accent-glow))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.slide-up{animation:.5s cubic-bezier(.23,1,.32,1) forwards slideUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:2s linear infinite spin}@keyframes pulseGlow{0%,to{box-shadow:0 0 12px -2px var(--accent-glow)}50%{box-shadow:0 0 26px 2px var(--accent-glow)}}.pulse-glow{animation:2.8s ease-in-out infinite pulseGlow}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}