@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Inter:wght@400;500;600&display=swap";:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-tertiary:#27272a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-base:#6366f1;--accent-light:#8b5cf6;--accent-gradient:linear-gradient(135deg, var(--accent-base), var(--accent-light));--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--panel-radius:24px;--button-radius:16px;--card-radius:20px;--glass-bg:#18181b99;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--nav-height:80px;--z-dropdown:50;--z-nav:100;--z-banner:500;--z-toast:600;--z-modal:1000;--z-fullscreen:2000;--z-loading:3000;--z-viewer:3500}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);overscroll-behavior-y:none;min-height:100vh;font-family:Outfit,Inter,sans-serif;overflow-x:hidden}#root{background-color:var(--bg-primary);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex;position:relative;box-shadow:0 0 50px #00000080}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2}h1{margin-bottom:.5rem;font-size:2rem}h2{margin-bottom:.5rem;font-size:1.5rem}p{color:var(--text-secondary);font-family:Inter,sans-serif;line-height:1.5}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);overflow:hidden}.btn{border-radius:var(--button-radius);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #6366f14d}.btn-primary:active{box-shadow:0 2px 8px #6366f133}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border)}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-icon{border-radius:50%;width:50px;height:50px;padding:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes logoReveal{0%{opacity:0;transform:scale(.72)translateY(-10px)}70%{opacity:1;transform:scale(1.04)translateY(0)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glowPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.12)}}@keyframes ambientDrift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(18px,-12px)scale(1.04)}66%{transform:translate(-12px,10px)scale(.97)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatBob{0%,to{transform:translateY(0)}50%{transform:translateY(-11px)}}@keyframes formItemIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes borderShimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.animate-fade-up{animation:.5s cubic-bezier(.16,1,.3,1) forwards fadeInUp}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.page-container{padding:1.5rem 1.5rem calc(var(--nav-height) + 2rem);height:calc(100vh - var(--nav-height));scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-direction:column;gap:1.5rem;display:flex;overflow:hidden auto}.page-container>*{flex-shrink:0}.page-container::-webkit-scrollbar{display:none}.bottom-nav{width:100%;max-width:600px;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);z-index:var(--z-nav);background:#09090bd9;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-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.nav-item.active{color:var(--accent-light)}.nav-item.active svg{stroke:var(--accent-light);transform:translateY(-2px)}.nav-item svg{transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.input-field{background:var(--bg-tertiary);border:1px solid var(--glass-border);color:var(--text-primary);border-radius:12px;outline:none;padding:1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:#8b5cf6b3;box-shadow:0 0 0 3px #8b5cf62e,0 1px 6px #8b5cf61f}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f18c}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:var(--z-nav);border-bottom:1px solid var(--glass-border);background:#09090bcc;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.avatar{background:var(--accent-gradient);color:#fff;border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.badge{color:var(--success);background:#10b9811a;border:1px solid #10b98133;border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}