@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary:#080808;--bg-card:#121212b3;--bg-card-hover:#181818cc;--text-primary:#f5f5f5;--text-secondary:#888;--text-muted:#555;--accent:#ff6b35;--accent-glow:#ff6b3514;--accent-gradient:linear-gradient(135deg, #ff6b35 0%, #ff9f6b 100%);--border:#ffffff0a;--border-hover:#ffffff14;--success:#22c55e;--warning:#f59e0b;--error:#ef4444}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}#root{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:24px;transition:all .3s}.glass-panel:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.btn-primary{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:700;transition:all .3s;display:flex}.btn-primary:hover{transform:scale(1.02);box-shadow:0 12px 40px #ff6b354d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.glass-button{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.glass-button:hover{background:var(--bg-card-hover);border-color:var(--border-hover)}.content-container{flex:1;padding:20px 20px 100px}.nav-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);padding:16px 0;padding-bottom:calc(16px + env(safe-area-inset-bottom));z-index:50;background:#080808e6;justify-content:space-around;max-width:600px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.nav-item.active{color:var(--accent);background:var(--accent-glow)}.nav-item:hover{color:var(--text-primary)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:.5s ease-out forwards slideUp}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h1{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:8px;font-size:28px;font-weight:800}h2{color:var(--text-primary);font-size:20px;font-weight:700}.status-active{color:var(--success);background:#22c55e26;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600}.status-expired{color:var(--warning);background:#f59e0b26;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600}.status-frozen{color:#3b82f6;background:#3b82f626;border-radius:100px;padding:6px 12px;font-size:12px;font-weight:600}.order-fulfilled{color:var(--success)}.order-paid{color:#3b82f6}.order-pending{color:var(--warning)}.order-failed{color:var(--error)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.loading{text-align:center;color:var(--text-muted);padding:40px}.error{text-align:center;color:var(--error);padding:40px}.accordion-content{max-height:0;transition:max-height .3s;overflow:hidden}.accordion-content.open{max-height:500px}.plan-card{border:1px solid var(--border);position:relative}.plan-card.selected{border-color:var(--accent);box-shadow:0 0 30px #ff6b3526}.plan-card .promo-badge{background:var(--accent-gradient);color:#fff;z-index:2;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:700;position:absolute;top:-12px;right:16px;box-shadow:0 8px 24px #ff6b354d}.divider{background:var(--border);height:1px;margin:16px 0}.input{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:16px;padding:16px 20px;font-family:inherit;font-size:16px;transition:border-color .3s}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--text-muted)}