@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--purple:#7c3aed;--purple-light:#a78bfa;--purple-dark:#5b21b6;--pink:#ec4899;--pink-light:#f9a8d4;--bg:#0f0a1e;--bg-card:#1a1330;--bg-card2:#221b3a;--text:#fff;--text-muted:#94a3b8;--text-soft:#cbd5e1;--border:#ffffff14;--gradient:linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);--gradient-soft:linear-gradient(135deg, #7c3aed26 0%, #ec489926 100%);--success:#10b981;--error:#ef4444;--warning:#f59e0b;--radius:20px;--radius-sm:12px;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.5}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}.page{padding-bottom:calc(80px + var(--safe-bottom));padding-top:var(--safe-top);flex:1;overflow:hidden auto}.page-no-nav{padding-top:var(--safe-top);flex:1;overflow:hidden auto}.btn{border-radius:var(--radius);cursor:pointer;letter-spacing:.3px;-webkit-appearance:none;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:all .2s;display:flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--gradient);color:#fff;box-shadow:0 8px 24px #7c3aed66}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #7c3aed80}.btn-secondary{background:var(--bg-card2);color:var(--text);border:1px solid var(--border)}.btn-ghost{color:var(--text-muted);background:0 0;padding:12px 16px}.btn-sm{border-radius:var(--radius-sm);padding:10px 16px;font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-gradient{background:var(--gradient-soft);border-radius:var(--radius);border:1px solid #7c3aed33;padding:20px}.input-group{margin-bottom:16px}.input-label{color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.input{background:var(--bg-card2);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);-webkit-appearance:none;outline:none;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.input:focus{border-color:var(--purple-light)}.input::placeholder{color:#ffffff40}.input-error{border-color:var(--error)!important}.input-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%2394a3b8' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.input-select option{color:#fff;background:#1a1330}.checkbox-group{background:var(--bg-card2);border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px;transition:border-color .2s;display:flex}.checkbox-group:hover{border-color:var(--purple-light)}.checkbox-group input[type=checkbox]{width:20px;min-width:20px;height:20px;accent-color:var(--purple);cursor:pointer;margin-top:2px}.checkbox-label{color:var(--text-soft);font-size:14px;line-height:1.5}.checkbox-label a{color:var(--purple-light);text-decoration:none}.gradient-text{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.divider{color:var(--text-muted);align-items:center;gap:12px;margin:20px 0;font-size:13px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.badge{border-radius:100px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#10b98126}.badge-error{color:var(--error);background:#ef444426}.badge-warning{color:var(--warning);background:#f59e0b26}.badge-purple{color:var(--purple-light);background:#7c3aed26}.bottom-nav{height:calc(64px + var(--safe-bottom));padding-bottom:var(--safe-bottom);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:100;background:#0f0a1ef2;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{width:100%;padding:0 8px;display:flex}.nav-item{cursor:pointer;color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--purple-light)}.nav-item svg{width:22px;height:22px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #7c3aed4d}50%{box-shadow:0 0 40px #7c3aed99,0 0 60px #ec48994d}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in{animation:.4s both fadeInUp}.fade-in-delay{animation:.4s .1s both fadeInUp}.fade-in-delay2{animation:.4s .2s both fadeInUp}.spinner{border:3px solid var(--border);border-top-color:var(--purple);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}::-webkit-scrollbar{display:none}*{scrollbar-width:none}.p-safe{padding:0 20px}