@font-face { font-family: 'Geologica'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/geologica-latin-600-normal.woff2') format('woff2'); unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: 'Geologica'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/geologica-cyrillic-600-normal.woff2') format('woff2'); unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
.mi {
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.025));
  --glass-border: rgba(255,255,255,.13);
  --glass-hi: rgba(255,255,255,.2);
  --orb-alpha: .5;
  --lp-signal-text: #9db0ff;
  --lp-display: 'Geologica', 'Inter', system-ui, sans-serif;
}
[data-theme="light"] .mi {
  --glass-bg: linear-gradient(135deg, rgba(255,255,255,.82), rgba(255,255,255,.46));
  --glass-border: rgba(14,14,16,.08);
  --glass-hi: rgba(255,255,255,.95);
  --orb-alpha: .3;
  --lp-signal-text: #2744ff;
}
@property --mi-c1 { syntax: '<color>'; inherits: true; initial-value: #3350ff; }
@property --mi-c2 { syntax: '<color>'; inherits: true; initial-value: #7a5cff; }

.mi { display: none; }
.mi.mi-app { display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 50; background: var(--bg-app); color: var(--text-primary); overflow: hidden; font-family: 'Inter', system-ui, sans-serif; padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px); }
html.mi-phone .mi {
  display: flex; flex-direction: column; position: fixed; inset: 0; z-index: 50;
  background: var(--bg-app); color: var(--text-primary); overflow: hidden;
  font-family: 'Inter', system-ui, sans-serif;
  -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent;
  padding-left: env(safe-area-inset-left, 0px); padding-right: env(safe-area-inset-right, 0px);
}
html.mi-phone body.lp { overflow: hidden; height: 100dvh; }
html.mi-phone .mi-intro { display: contents; }
html.mi-phone:not(.mi-standalone) .mi-intro { display: none; }
html.mi-phone body.lp > header,
html.mi-phone body.lp > main,
html.mi-phone body.lp > footer { display: none !important; }
html.mi-phone.mi-standalone .mi-gate { display: none; }
.mi *, .mi *::before, .mi *::after { box-sizing: border-box; }

.mi-bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; pointer-events: none; transition: --mi-c1 .9s ease, --mi-c2 .9s ease; }
.mi-orb { position: absolute; border-radius: 50%; opacity: var(--orb-alpha, .5); will-change: transform; transform: translateZ(0); }
.mi-orb--1 { width: 560px; height: 560px; top: -210px; right: -230px; background: radial-gradient(closest-side, var(--mi-c1) 0%, transparent 100%); animation: miDrift1 14s ease-in-out infinite alternate; }
.mi-orb--2 { width: 500px; height: 500px; bottom: -40px; left: -270px; background: radial-gradient(closest-side, var(--mi-c2) 0%, transparent 100%); animation: miDrift2 17s ease-in-out infinite alternate; }
.mi-orb--3 { width: 340px; height: 340px; top: 36%; right: -170px; background: radial-gradient(closest-side, var(--mi-c1) 0%, transparent 100%); opacity: calc(var(--orb-alpha, .5) * .55); animation: miDrift2 11s ease-in-out infinite alternate-reverse; }
.mi-bg::after { content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--text-primary) 14%, transparent) 1px, transparent 0); background-size: 26px 26px; -webkit-mask-image: radial-gradient(ellipse at 50% 38%, #000 0%, transparent 70%); mask-image: radial-gradient(ellipse at 50% 38%, #000 0%, transparent 70%); opacity: .5; }
.mi-float-coin { position: absolute; width: 34px; height: 34px; border-radius: 50%; opacity: .16; will-change: transform; animation: miRise linear infinite; }
.mi-float-coin img { width: 100%; height: 100%; display: block; }
@keyframes miDrift1 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(-50px,70px,0) scale(1.18); } }
@keyframes miDrift2 { from { transform: translate3d(0,0,0) scale(1); } to { transform: translate3d(60px,-60px,0) scale(1.12); } }
@keyframes miRise { from { transform: translate3d(0,110vh,0) rotate(0deg); } to { transform: translate3d(0,-20vh,0) rotate(200deg); } }

.mi-top { position: relative; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: calc(env(safe-area-inset-top, 0px) + 12px) 18px 6px; flex: none; }
.mi-brand { display: flex; align-items: center; gap: 10px; min-width: 0; }
.mi-brand .sc-logo-badge { flex: none; }
.mi-brand b { font-family: var(--lp-display, 'Geologica', 'Inter', sans-serif); font-weight: 600; font-size: 1.05rem; letter-spacing: -.02em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mi-tools { display: flex; align-items: center; gap: 10px; flex: none; }
.mi-round { position: relative; width: 42px; height: 42px; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; margin: 0; cursor: pointer; color: var(--text-primary); background: var(--glass-bg); border: 1px solid var(--glass-border); backdrop-filter: blur(18px) saturate(160%); -webkit-backdrop-filter: blur(18px) saturate(160%); box-shadow: inset 0 1px 0 var(--glass-hi), 0 10px 26px -14px rgba(0,0,0,.6); transition: transform .18s ease; }
.mi-round:active { transform: scale(.92); }
.mi-round .mi-flag { width: 22px; height: 22px; border-radius: 50%; overflow: hidden; display: block; line-height: 0; }
.mi-round .mi-flag svg { width: 100%; height: 100%; display: block; }
.mi-round .sc-theme-icon-sun, .mi-round .sc-theme-icon-moon { width: 18px; height: 18px; }
.mi-lang-wrap { position: relative; }
.mi-lang-menu { position: absolute; right: 0; top: calc(100% + 10px); width: 150px; padding: 6px; border-radius: 18px; z-index: 20; background: var(--bg-surface); border: 1px solid var(--glass-border); box-shadow: 0 24px 60px -20px rgba(0,0,0,.7); }
.mi-lang-menu button { width: 100%; display: flex; align-items: center; gap: 10px; padding: 10px 10px; border: 0; background: none; color: inherit; border-radius: 12px; font: 600 .9rem 'Inter', sans-serif; cursor: pointer; }
.mi-lang-menu button:active { background: var(--bg-surface-2); }
.mi-lang-menu .mi-flag { width: 20px; height: 20px; border-radius: 50%; overflow: hidden; display: inline-flex; flex: none; }

.mi-viewport { position: relative; z-index: 2; flex: 1 1 0; min-height: 0; overflow: hidden; touch-action: pan-y; cursor: grab; }
.mi-viewport.is-drag { cursor: grabbing; }
.mi-track { display: flex; height: 100%; will-change: transform; transition: transform .65s cubic-bezier(.22,.9,.24,1); }
.mi-track.is-drag { transition: none; }
.mi-slide { flex: 0 0 100%; min-width: 0; height: 100%; display: flex; flex-direction: column; align-items: center; padding: 0 26px; --o: 0; }
.mi-art-wrap { flex: 1 1 0; min-height: 120px; width: 100%; display: flex; align-items: center; justify-content: center; padding: 8px 0 4px; }
.mi-art::before, .mi-auth-art::before, .mi-gate-art::before, .mi-loader-art::before { content: ''; position: absolute; inset: 8%; z-index: -1; border-radius: 50%; background: radial-gradient(closest-side, color-mix(in srgb, var(--mi-c1) 50%, transparent), transparent); }
.mi-art { position: relative; isolation: isolate; height: 100%; max-height: 340px; aspect-ratio: 1 / 1; max-width: 100%; perspective: 900px; transform: translate3d(calc(var(--o) * -70px), 0, 0) scale(.72); opacity: 0; transition: transform .8s cubic-bezier(.2,.9,.25,1), opacity .6s ease; }
.mi-slide.is-active .mi-art { opacity: 1; transform: translate3d(calc(var(--o) * -70px), 0, 0) scale(1); }
.mi-art-in { position: absolute; inset: 0; transform-style: preserve-3d; animation: miSway 7s ease-in-out infinite; }
.mi-art svg.mi-obj { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; animation: miBob 5s ease-in-out infinite; }
.mi-shadow { transform-origin: center; animation: miShadow 5s ease-in-out infinite; }
@keyframes miSway { 0%, 100% { transform: rotateY(-16deg) rotateX(5deg); } 50% { transform: rotateY(16deg) rotateX(-3deg); } }
@keyframes miBob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-12px); } }
@keyframes miShadow { 0%, 100% { transform: scale(1); opacity: .35; } 50% { transform: scale(.82); opacity: .2; } }

.mi-chip { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; padding: 8px 12px 8px 8px; border-radius: 16px; background: var(--glass-bg); border: 1px solid var(--glass-border); backdrop-filter: blur(18px) saturate(170%); -webkit-backdrop-filter: blur(18px) saturate(170%); box-shadow: inset 0 1px 0 var(--glass-hi), 0 18px 36px -16px rgba(0,0,0,.65); font: 600 .74rem/1.15 'Inter', sans-serif; white-space: nowrap; animation: miChip 6s ease-in-out infinite; transform: translateZ(40px); }
.mi-chip i { width: 26px; height: 26px; border-radius: 9px; display: flex; align-items: center; justify-content: center; flex: none; color: #fff; background: linear-gradient(145deg, var(--mi-c1), var(--mi-c2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45); }
.mi-chip i svg { width: 14px; height: 14px; }
.mi-chip--a { top: 4%; left: -2%; }
.mi-chip--b { bottom: 10%; right: -2%; animation-delay: -3s; }
@keyframes miChip { 0%, 100% { transform: translate3d(0,0,40px); } 50% { transform: translate3d(0,-9px,40px); } }

.mi-orbit { position: absolute; inset: 4%; animation: miOrbit 22s linear infinite; pointer-events: none; }
.mi-orbit span { position: absolute; inset: 0; transform: rotate(var(--a)); }
.mi-orbit span img { position: absolute; top: -8%; left: 42%; width: 16%; aspect-ratio: 1; border-radius: 50%; background: #fff; box-shadow: inset 0 2px 3px rgba(255,255,255,.5), inset 0 -4px 8px rgba(0,0,0,.25), 0 14px 22px -8px rgba(0,0,0,.6); animation: miOrbitBack 22s linear infinite; }
.mi-orbit span:nth-child(1) { --a: 0deg; }
.mi-orbit span:nth-child(2) { --a: 120deg; }
.mi-orbit span:nth-child(3) { --a: 240deg; }
@keyframes miOrbit { to { transform: rotate(360deg); } }
@keyframes miOrbitBack { from { transform: rotate(calc(var(--a) * -1)); } to { transform: rotate(calc(var(--a) * -1 - 360deg)); } }

.mi-copy { flex: none; width: 100%; max-width: 420px; text-align: center; padding-bottom: 6px; }
.mi-title { margin: 0 0 10px; font-family: var(--lp-display, 'Geologica', 'Inter', sans-serif); font-weight: 600; font-size: clamp(1.7rem, 8vw, 2.4rem); line-height: 1.04; letter-spacing: -.035em; text-wrap: balance; background: linear-gradient(180deg, var(--text-primary) 55%, color-mix(in srgb, var(--text-primary) 62%, transparent)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mi-text { margin: 0 auto; font-size: .96rem; line-height: 1.5; color: var(--text-secondary); text-wrap: pretty; max-width: 34ch; }
.mi-reveal { opacity: 0; transform: translate3d(calc(var(--o) * -30px), 26px, 0); transition: opacity .6s ease calc(var(--i, 0) * .09s), transform .8s cubic-bezier(.2,.9,.25,1) calc(var(--i, 0) * .09s); }
.mi-slide.is-active .mi-reveal { opacity: 1; transform: none; }

.mi-bottom { position: relative; z-index: 5; flex: none; padding: 14px 22px calc(env(safe-area-inset-bottom, 0px) + 14px); display: flex; flex-direction: column; align-items: center; gap: 12px; }
.mi-dots { display: flex; align-items: center; gap: 7px; height: 10px; }
.mi-dot { width: 8px; height: 8px; border-radius: 8px; padding: 0; border: 0; cursor: pointer; background: color-mix(in srgb, var(--text-primary) 24%, transparent); transition: width .5s cubic-bezier(.2,.9,.25,1), background .4s ease, box-shadow .4s ease; }
.mi-dot.is-on { width: 28px; background: linear-gradient(90deg, var(--mi-c1), var(--mi-c2)); box-shadow: 0 0 14px color-mix(in srgb, var(--mi-c1) 70%, transparent); }
.mi-btn { position: relative; width: 100%; max-width: 420px; min-height: 56px; border-radius: 999px; display: flex; align-items: center; justify-content: center; gap: 8px; font: 700 1.02rem/1 'Inter', sans-serif; cursor: pointer; border: 1px solid transparent; overflow: hidden; transition: transform .15s ease, background .4s ease; }
.mi-btn:active { transform: scale(.97); }
.mi-btn--main { color: #fff; background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 16px 34px -12px var(--mi-c1); }
.mi-btn--main::after { content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 40%; background: linear-gradient(100deg, transparent, rgba(255,255,255,.4), transparent); transform: translateX(-160%); animation: miShine 3.6s ease-in-out infinite; }
@keyframes miShine { 0%, 55% { transform: translateX(-160%); } 100% { transform: translateX(340%); } }
.mi-btn--glass { min-height: 52px; color: var(--text-primary); background: var(--glass-bg); border-color: var(--glass-border); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); box-shadow: inset 0 1px 0 var(--glass-hi); font-weight: 600; }
.mi-skip { background: none; border: 0; padding: 6px 12px; min-height: 30px; color: var(--text-tertiary); font: 500 .86rem 'Inter', sans-serif; cursor: pointer; text-decoration: none; transition: opacity .3s ease; }
.mi-skip.is-hidden { opacity: 0; pointer-events: none; }
.mi-btn svg { width: 18px; height: 18px; }

.mi-gate-body { position: relative; z-index: 2; flex: 1 1 0; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; align-items: center; padding: 0 24px calc(env(safe-area-inset-bottom, 0px) + 20px); }
.mi-gate-body > * { flex: none; }
.mi-gate .mi-art-wrap { flex: none; height: clamp(150px, 30dvh, 270px); margin-top: auto; }
.mi-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px; border-radius: 999px; font: 600 .78rem 'Inter', sans-serif; background: var(--glass-bg); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); margin-bottom: 14px; }
.mi-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--positive); box-shadow: 0 0 10px var(--positive); }
.mi-steps { width: 100%; max-width: 420px; margin: 18px 0 auto; padding: 16px; border-radius: 22px; display: flex; flex-direction: column; gap: 14px; text-align: left; background: var(--glass-bg); border: 1px solid var(--glass-border); backdrop-filter: blur(20px) saturate(160%); -webkit-backdrop-filter: blur(20px) saturate(160%); box-shadow: inset 0 1px 0 var(--glass-hi), 0 24px 50px -24px rgba(0,0,0,.7); }
.mi-step { display: flex; gap: 12px; align-items: flex-start; }
.mi-step i { flex: none; width: 34px; height: 34px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: #fff; background: linear-gradient(145deg, var(--mi-c1), var(--mi-c2)); box-shadow: inset 0 1px 0 rgba(255,255,255,.45); }
.mi-step i svg { width: 17px; height: 17px; }
.mi-step b { display: block; font-size: .9rem; font-weight: 700; }
.mi-step span { display: block; margin-top: 2px; font-size: .78rem; color: var(--text-tertiary); line-height: 1.35; }
.mi-android { width: 100%; max-width: 420px; margin: 18px 0 auto; display: flex; flex-direction: column; align-items: center; gap: 12px; }
.mi-android p { margin: 0; font-size: .8rem; text-align: center; color: var(--text-tertiary); line-height: 1.45; }

@media (max-height: 700px) {
  .mi-btn { min-height: 50px; }
  .mi-btn--glass { min-height: 46px; }
  .mi-bottom { gap: 9px; padding-top: 8px; }
  .mi-text { font-size: .9rem; }
  .mi-title { font-size: clamp(1.5rem, 7vw, 2rem); margin-bottom: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .mi *, .mi *::before, .mi *::after { animation: none !important; }
  .mi-track, .mi-art, .mi-reveal { transition-duration: .01ms !important; }
}

.mi-bar { transform-box: fill-box; transform-origin: 50% 100%; transform: scaleY(.12); transition: transform .9s cubic-bezier(.2,.9,.25,1) calc(.25s + var(--k) * .12s); }
.mi-slide.is-active .mi-bar { transform: scaleY(1); }

.mi-scroll { position: relative; z-index: 2; flex: 1 1 0; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; display: flex; flex-direction: column; padding: 4px 20px calc(env(safe-area-inset-bottom, 0px) + 24px); }
.mi-auth-col { margin: auto; }
.mi-auth-art { isolation: isolate; position: relative; height: 150px; margin: 0 auto 6px; display: flex; justify-content: center; perspective: 700px; }
.mi-auth-art img { position: absolute; height: 100%; width: auto; animation: miSway 7s ease-in-out infinite, miBob 5s ease-in-out infinite; }
.mi-gate-art { position: relative; isolation: isolate; flex: none; margin-top: auto; height: clamp(140px, 28dvh, 250px); perspective: 900px; display: flex; justify-content: center; }
.mi-gate-art img { height: 100%; width: auto; animation: miSway 7s ease-in-out infinite, miBob 5s ease-in-out infinite; }
.mi-loader { align-items: center; justify-content: center; }
.mi-loader-art { isolation: isolate; position: relative; z-index: 2; width: 200px; height: 200px; display: flex; align-items: center; justify-content: center; perspective: 700px; }
.mi-loader-art i { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--mi-c1); opacity: 0; animation: miPulse 2.4s ease-out infinite; }
@keyframes miPulse { 0% { transform: scale(.7); opacity: .6; } 100% { transform: scale(1.7); opacity: 0; } }
.mi-auth .mi-scroll .sc-card-elevated { background: var(--glass-bg); border: 1px solid var(--glass-border); border-radius: 28px; backdrop-filter: blur(22px) saturate(160%); -webkit-backdrop-filter: blur(22px) saturate(160%); box-shadow: inset 0 1px 0 var(--glass-hi), 0 30px 70px -30px rgba(0,0,0,.7); }
.mi-auth .sc-btn-primary { background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); color: #fff; border-color: transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 14px 30px -12px var(--mi-c1); }
.mi-auth .sc-btn-primary:disabled { opacity: .5; box-shadow: none; }
.mi-auth .sc-btn-secondary, .mi-auth .sc-btn-ghost { background: var(--glass-bg); border: 1px solid var(--glass-border); color: var(--text-primary); box-shadow: inset 0 1px 0 var(--glass-hi); }
.mi-auth .sc-btn-ghost { background: transparent; border-color: transparent; box-shadow: none; color: var(--text-secondary); }
.mi-auth .sc-input { background: color-mix(in srgb, var(--bg-app) 38%, transparent); border: 1px solid var(--glass-border); }
.mi-auth .sc-input:focus { border-color: var(--mi-c1); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mi-c1) 28%, transparent); }
.mi-auth .sc-pin-box, .mi-auth .sc-pin-key { background: var(--glass-bg); border: 1px solid var(--glass-border); box-shadow: inset 0 1px 0 var(--glass-hi); }
.mi-auth .sc-pin-key-empty { background: transparent; border-color: transparent; box-shadow: none; }
.mi-auth .sc-pin-box.is-filled { border-color: var(--mi-c1); box-shadow: 0 0 16px -4px var(--mi-c1); }
.mi-auth .sc-pin-dot { background: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); }
.mi-auth .sc-word-card { background: color-mix(in srgb, var(--bg-app) 34%, transparent); border-color: var(--glass-border); }
.mi-auth .sc-timer-bar > i { background: linear-gradient(90deg, var(--mi-c1), var(--mi-c2)); }
@media (max-height: 700px) { .mi-auth-art { height: 100px; } }

.mi-auth { --accent-grad: linear-gradient(135deg, var(--mi-c1), var(--mi-c2)); --accent-contrast: #fff; }
.mi-loader { flex-direction: column; }

.mi-slide:not(.is-active) *, .mi-slide:not(.is-active) *::before { animation-play-state: paused !important; }
.mi *, .mi *::before, .mi *::after { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
.mi-round, .mi-btn--glass, .mi-badge, .mi-steps, .mi-chip, .mi-auth .mi-scroll .sc-card-elevated { background: var(--glass-bg), color-mix(in srgb, var(--bg-surface) 32%, transparent); }
html.mi-phone body.lp::after { display: none; }

.mi-top-title { font-family: var(--lp-display, 'Geologica', 'Inter', sans-serif); font-weight: 600; font-size: 1.05rem; letter-spacing: -.01em; }
.mi-coin3d { position: relative; width: 52%; aspect-ratio: 1; transform-style: preserve-3d; animation: miCoin3D 5.5s linear infinite; will-change: transform; }
.mi-coin3d .e { position: absolute; inset: 0; border-radius: 50%; transform: translateZ(calc(var(--z) * 1px)); background: linear-gradient(135deg, #2f45e6, #0d1660); }
.mi-coin3d .e:nth-child(odd) { background: linear-gradient(135deg, #8aa0ff, #2236b8); }
.mi-coin3d .f { position: absolute; inset: 0; border-radius: 50%; display: flex; align-items: center; justify-content: center; backface-visibility: hidden; -webkit-backface-visibility: hidden; transform: translateZ(9px); background: radial-gradient(circle at 30% 24%, #a9b8ff, #3350ff 55%, #1b2ba8); box-shadow: inset 0 0 0 5px rgba(255,255,255,.3), inset 0 0 0 9px rgba(0,0,0,.16); }
.mi-coin3d .f.k { transform: rotateY(180deg) translateZ(9px); }
.mi-coin3d .f img { width: 52%; height: 52%; border-radius: 50%; display: block; }
@keyframes miCoin3D { from { transform: rotateX(-14deg) rotateY(0deg); } to { transform: rotateX(-14deg) rotateY(360deg); } }
.mi-orbit--lens { animation-duration: 6s; }
.mi-orbit--lens span { inset: 0; }
.mi-orbit--lens span svg { position: absolute; top: -9%; left: 42%; width: 17%; aspect-ratio: 1; animation: miOrbitBack 6s linear infinite; filter: none; }
.mi-hero-fx { z-index: 0; }
.mi-hero-fx .mi-float-coin { animation-name: miRiseHero; opacity: .28; }
@keyframes miRiseHero { from { transform: translate3d(0,300px,0) rotate(0deg); } to { transform: translate3d(0,-70px,0) rotate(200deg); } }
.mi-hero-fx .mi-orb--1 { top: -240px; right: -240px; }
body.mi-lock { overscroll-behavior: none; }
.mi-scroll { overscroll-behavior: contain; }
.mi-loader-art { margin-bottom: 14px; }

.mi-boot-cover { display: none; }
html.mi-boot .mi-boot-cover { display: flex; position: absolute; inset: 0; z-index: 30; align-items: center; justify-content: center; }
html.mi-boot .mi-top, html.mi-boot .mi-intro { visibility: hidden; }
html.mi-phone.mi-standalone:not(.mi-boot) .mi-viewport, html.mi-phone.mi-standalone:not(.mi-boot) .mi-bottom { animation: miFadeIn .5s ease both; }
@keyframes miFadeIn { from { opacity: 0; } to { opacity: 1; } }

.mi-app .mi-bg::before { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 46%; background: radial-gradient(ellipse 110% 100% at 50% 100%, color-mix(in srgb, var(--mi-c2) 55%, transparent) 0%, transparent 72%); opacity: var(--orb-alpha, .5); }
.mi.mi-app { bottom: auto; height: 100vh; height: 100lvh; }

.mi-gate-center > :first-child { margin-top: auto; }
.mi-gate-center > :last-child { margin-bottom: auto; }