@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@import url("https://fonts.googleapis.com/icon?family=Material+Icons");:root{--bg:#080810;--bg-surface:hsla(0,0%,100%,.04);--bg-card:hsla(0,0%,100%,.06);--border:hsla(0,0%,100%,.08);--border-bright:rgba(0,229,255,.3);--cyan:#00e5ff;--cyan-dim:rgba(0,229,255,.15);--purple:#7c3aed;--purple-dim:rgba(124,58,237,.2);--amber:#f59e0b;--text-primary:#f0f4ff;--text-secondary:rgba(240,244,255,.55);--text-muted:rgba(240,244,255,.3);--danger:#ef4444;--success:#10b981;--radius:16px;--radius-sm:10px;--shadow-glow:0 0 30px rgba(0,229,255,.12)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}.app-shell{min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,#0d0d1a,#080810)}.progress-bar-outer{height:2px;background:hsla(0,0%,100%,.06);width:100%}.progress-bar-inner{height:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));transition:width .6s cubic-bezier(.4,0,.2,1);box-shadow:0 0 12px var(--cyan)}.screen{flex:1 1;display:flex;flex-direction:column;padding:24px 20px 100px;overflow-y:auto}.nav-bar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:rgba(8,8,16,.92);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0 16px;z-index:100}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--text-muted);cursor:pointer;transition:all .2s;padding:4px 12px;border-radius:8px;border:none;background:none;font-family:inherit}.nav-item.active{color:var(--cyan)}.nav-item.active .nav-icon{background:var(--cyan-dim);border-radius:8px}.nav-icon{font-size:22px!important;padding:2px 8px}.nav-label{font-size:10px;font-weight:500}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-glow{border-color:var(--border-bright);box-shadow:var(--shadow-glow)}.label-xs{font-size:10px;letter-spacing:.12em;color:var(--cyan)}.label-sm,.label-xs{font-weight:600;text-transform:uppercase}.label-sm{font-size:11px;letter-spacing:.1em;color:var(--text-secondary)}h1{font-size:26px;font-weight:700;line-height:1.2}h2{font-size:20px;line-height:1.3}h2,h3{font-weight:600}h3{font-size:16px;line-height:1.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:50px;font-weight:600;font-size:15px;border:none;cursor:pointer;transition:all .2s;font-family:inherit;letter-spacing:.01em}.btn-primary{background:linear-gradient(135deg,var(--purple),#4f46e5);color:#fff;box-shadow:0 4px 24px rgba(124,58,237,.4)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 32px rgba(124,58,237,.5)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-cyan{background:linear-gradient(135deg,var(--cyan),#00b4d8);color:#000;box-shadow:0 4px 24px rgba(0,229,255,.35)}.btn-cyan:hover{transform:translateY(-1px);box-shadow:0 6px 32px rgba(0,229,255,.45)}.btn-outline{background:transparent;border:1.5px solid var(--border-bright);color:var(--cyan)}.btn-outline:hover{background:var(--cyan-dim)}.btn-full{width:100%}.h-progress{height:6px;background:hsla(0,0%,100%,.08);border-radius:999px;overflow:hidden}.h-progress-fill{height:100%;border-radius:999px;transition:width 1s cubic-bezier(.4,0,.2,1)}.h-progress-fill-cyan{background:linear-gradient(90deg,var(--cyan),#09c);box-shadow:0 0 8px rgba(0,229,255,.5)}.h-progress-fill-amber{background:linear-gradient(90deg,var(--amber),#f97316);box-shadow:0 0 8px rgba(245,158,11,.5)}.h-progress-fill-purple{background:linear-gradient(90deg,var(--purple),#4f46e5);box-shadow:0 0 8px rgba(124,58,237,.5)}.tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500}.tag-cyan{background:var(--cyan-dim);color:var(--cyan);border:1px solid rgba(0,229,255,.2)}.tag-amber{background:rgba(245,158,11,.12);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.tag-red{background:rgba(239,68,68,.12);color:#f87171;border:1px solid rgba(239,68,68,.2)}.sep{height:1px;background:var(--border);margin:16px 0}.spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.15);border-top:3px solid var(--cyan);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.text-glow{color:var(--cyan);text-shadow:0 0 20px rgba(0,229,255,.5)}.text-gradient{background:linear-gradient(135deg,var(--cyan),var(--purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.check-item{display:flex;align-items:flex-start;gap:14px;padding:16px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;transition:all .25s}.check-item:hover{border-color:var(--border-bright);background:var(--cyan-dim)}.check-item.checked{border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.08)}.check-box{width:22px;height:22px;border:2px solid var(--border-bright);border-radius:6px;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:1px}.check-item.checked .check-box{background:var(--success);border-color:var(--success)}.demo-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.25);border-radius:6px;font-size:11px;font-weight:600;color:var(--amber);letter-spacing:.05em}.step-row{display:flex;align-items:center;gap:10px;margin-bottom:4px}.step-num{font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.05em}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.modal-content{background:var(--bg-card);border:1px solid var(--border-bright);border-radius:24px;padding:32px 24px;width:100%;max-width:400px;box-shadow:0 20px 40px rgba(0,0,0,.4),var(--shadow-glow);position:relative}.modal-title{font-size:20px;font-weight:700;margin-bottom:20px;color:var(--cyan)}.modal-body{font-size:14px;line-height:1.7;color:var(--text-secondary)}.modal-close{position:absolute;top:16px;right:16px;color:var(--text-muted);cursor:pointer}.modal-section{margin-bottom:16px;padding-left:12px;border-left:2px solid var(--cyan-dim)}