@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:#0d0500;--bg-secondary:#160a04;--text-primary:#ffefe5;--text-secondary:#ffa35d;--accent:#f97316;--accent-dark:#ea580c;--accent-glow:#f9731626;--success:#10b981;--danger:#ef4444;--tier-basic:#94a3b8;--tier-pro:#38bdf8;--tier-ultra:#f59e0b;--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:#0d0500d9;--glass-border:#f973161a;--glass-blur:blur(12px);--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(circle at 50% 0,#1a0a04 0%,#0000 80%);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}h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:.05em;font-style:italic}h1{text-transform:uppercase;color:var(--accent);text-shadow:0 0 20px var(--accent-glow);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 #0000005e}.card{border-radius:var(--radius-md);background:var(--bg-secondary);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff08,#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 10px 30px -10px var(--accent-glow);transform:translateY(-5px)}.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}.btn-primary{background:var(--accent);color:var(--bg-primary);box-shadow:0 0 15px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 25px var(--accent);transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.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:#210900e6;justify-content:space-around;align-items:center;padding:0 1rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-item{color:var(--text-secondary);opacity:.7;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);opacity:1;transform:translateY(-5px)}.nav-item.active:after{content:"";background:var(--accent);width:4px;height:4px;box-shadow:0 0 10px var(--accent);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)}@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}