@import "https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";:root{--navy:#0e1a5c;--ink:#14205e;--muted:#555c78;--blue:#1d3ab1;--blue-bright:#1e8fe0;--blue-soft:#e9eefb;--line:#d9deea;--page:#f3f4f8;--hero-1:#0a1650;--hero-2:#12339c;--hero-3:#1f52c8;--radius:6px;color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Ubuntu,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--page)}.app{width:100%;height:100dvh;padding-bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.top{z-index:3;box-shadow:0 1px 0 var(--line);padding-top:env(safe-area-inset-top);background:#fff;flex:none;position:relative}.top__inner{justify-content:space-between;align-items:center;gap:12px;max-width:1120px;margin:0 auto;padding:14px 16px;display:flex}.top h1{color:var(--navy);margin:0;font-size:clamp(1.05rem,4.2vw,1.5rem);font-weight:700;line-height:1.15}.top h1 em{color:var(--blue-bright);font-style:normal}.top__count{color:var(--muted);flex:none;font-size:.78rem;font-weight:500}.progress{background:var(--line);height:3px}.progress span{background:var(--blue-bright);height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.stage{background:radial-gradient(120% 80% at 70% 35%, #4682ff59, transparent 60%), linear-gradient(115deg, var(--hero-1) 0%, var(--hero-2) 55%, var(--hero-3) 100%);flex:auto;min-height:0;position:relative;overflow:hidden}.scene{touch-action:none;inset:0;position:absolute!important}.hint{color:#ffffffc7;pointer-events:none;margin:0;font-size:.8rem;position:absolute;top:14px;left:16px}.tag{z-index:2;pointer-events:none;white-space:nowrap;border-radius:var(--radius);color:var(--navy);-webkit-user-select:none;user-select:none;opacity:0;background:#fff;padding:6px 10px;font:500 12px/1 Ubuntu,sans-serif;transition:opacity .25s,transform .3s cubic-bezier(.22,1,.36,1);position:absolute;transform:translateY(6px)scale(.9);box-shadow:0 6px 18px #050f3c4d}.tag.is-visible{opacity:1;transform:none}.tag--active{background:var(--blue-bright);color:#fff}.panel{z-index:3;flex:none;width:100%;max-width:600px;margin:-28px auto 0;padding:0 16px;position:relative}.viewport{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #0e1a5c29}.viewport.is-dragging{cursor:grabbing}.track{transition:transform .55s cubic-bezier(.22,1,.36,1);display:flex}.is-dragging .track{transition:none}.card{opacity:.4;background:#fff;flex:0 0 100%;padding:20px 20px 18px;transition:opacity .4s}.card.is-current{opacity:1}.kicker{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);align-items:center;gap:8px;margin:0 0 8px;font-size:.75rem;font-weight:500;display:flex}.kicker__num{background:var(--blue);color:#fff;border-radius:4px;padding:3px 7px}.card h2{color:var(--navy);margin:0 0 8px;font-size:clamp(1.25rem,5vw,1.6rem);font-weight:700;line-height:1.2}.text{color:var(--muted);margin:0 0 14px;font-size:.92rem;line-height:1.5}.facts{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.facts li{color:var(--blue);background:var(--blue-soft);border-radius:4px;padding:6px 10px;font-size:.78rem;font-weight:500}.controls{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.arrow{border:1.5px solid var(--navy);width:44px;height:44px;color:var(--navy);cursor:pointer;background:#fff;border-radius:50%;font-size:1.1rem;transition:background .2s,color .2s}.arrow:hover:not(:disabled){background:var(--navy);color:#fff}.arrow:disabled{border-color:var(--line);color:var(--line);cursor:default}.dots{gap:6px;display:flex}.dot{background:var(--line);cursor:pointer;border:0;border-radius:99px;width:8px;height:8px;padding:0;transition:width .35s cubic-bezier(.22,1,.36,1),background .3s}.dot.is-done{background:#9fb3e6}.dot.is-active{background:var(--blue);width:24px}.disclaimer{text-align:center;color:var(--muted);pointer-events:none;flex:none;margin:8px 0 0;font-size:.68rem}@media (width>=768px){.top__inner{padding:18px 32px}.hint{top:20px;left:32px}.panel{margin-top:-40px}.card{padding:26px 30px 24px}}@media (prefers-reduced-motion:reduce){.track,.card,.dot,.progress span{transition:none}}