:root {
  color-scheme: light;
  --ink: #090b0b;
  --muted: #74787c;
  --muted-2: #a5a9ae;
  --page: #f4f7f6;
  --card: #ffffff;
  --lavender: #8e9df4;
  --lavender-2: #dfe4ff;
  --lavender-3: #f1f3ff;
  --blue: #5578d4;
  --line: #dfe2e2;
  --success: #2fc46f;
  --shadow: 0 12px 30px rgba(24, 30, 35, .15);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-synthesis: none;
  text-rendering: geometricPrecision;
}

* { box-sizing: border-box; }
html, body { margin: 0; width: 100%; height: 100%; overflow: hidden; }
body { background: #e8ebed; color: var(--ink); }
button, input { font: inherit; }
button { -webkit-tap-highlight-color: transparent; }

.stage {
  width: 100vw;
  height: 100dvh;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 0;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.98), rgba(242,244,245,.88) 44%, #dde1e3 100%);
}

.phone-fit {
  position: relative;
  flex: 0 0 auto;
}

.phone {
  position: absolute;
  left: 0;
  top: 0;
  width: 390px;
  height: 867px;
  overflow: hidden;
  transform-origin: top left;
  background: var(--page);
  border-radius: 32px;
  box-shadow: 0 28px 72px rgba(20, 26, 31, .22), 0 2px 9px rgba(20, 26, 31, .14);
}

#app, .screen { width: 100%; height: 100%; }
.screen { position: relative; overflow: hidden; background: var(--page); }
.screen-scroll { height: 100%; overflow-y: auto; overflow-x: hidden; scrollbar-width: none; padding-bottom: 88px; }
.screen-scroll::-webkit-scrollbar { display: none; }

.statusbar {
  height: 44px;
  padding: 13px 17px 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-size: 13px;
  font-weight: 650;
  line-height: 1;
  background: rgba(255,255,255,.72);
}
.status-icons { display: flex; gap: 5px; align-items: center; }
.signal { display: flex; gap: 1px; align-items: flex-end; height: 11px; }
.signal i { display: block; width: 2px; background: #202526; border-radius: 1px; }
.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:6px}.signal i:nth-child(3){height:8px}.signal i:nth-child(4){height:10px}
.wifi { width: 15px; height: 10px; border-top: 2px solid #202526; border-radius: 50% 50% 0 0; position: relative; }
.wifi::after { content:""; position:absolute; width:4px; height:4px; border-radius:50%; background:#202526; left:5px; top:5px; }
.battery { min-width: 23px; height: 11px; border: 1.5px solid #202526; border-radius: 3px; display:grid; place-items:center; font-size:7px; line-height:1; position:relative; }
.battery::after { content:""; position:absolute; right:-3px; width:2px; height:5px; border-radius:0 1px 1px 0; background:#202526; }
.green-dot { width: 6px; height: 6px; border-radius: 50%; background: #31c369; }

.topbar {
  height: 61px;
  display: grid;
  grid-template-columns: 54px 1fr 54px;
  align-items: center;
  padding: 0 18px;
}
.header-name { display:flex; align-items:center; justify-content:center; gap:9px; font-weight:750; font-size:16px; }
.round-icon {
  width: 42px; height: 42px; border-radius: 50%; background: #fff;
  display: grid; place-items: center; border: 0; color: #050706; font-weight: 800; box-shadow: 0 1px 2px rgba(0,0,0,.02);
}
.round-icon svg { width: 21px; height: 21px; }
.tiny-icon { width: 17px; height: 17px; display:inline-grid; place-items:center; }
.tiny-icon svg { width: 100%; height: 100%; }

.page-card {
  margin: 0 17px;
  background: #fff;
  border-radius: 25px;
}

.balance-card { min-height: 272px; padding: 29px 26px 20px; text-align:center; }
.eyebrow { color: var(--muted); font-size: 15px; line-height: 1; display:flex; justify-content:center; align-items:center; gap:7px; }
.eye { width: 17px; height: 12px; border: 2px solid #969c9b; border-radius: 50% / 60%; position:relative; }
.eye::after { content:""; position:absolute; width:5px; height:5px; background:#969c9b; border-radius:50%; left:4px; top:1.5px; }
.total-balance { margin-top: 19px; font-size: 47px; font-weight: 780; letter-spacing: -2.5px; line-height: .98; }
.total-balance .cents { color:#75797d; font-size: 23px; letter-spacing:-.5px; margin-left:3px; }
.currency-row { margin-top: 17px; color:#5f6265; display:flex; align-items:center; justify-content:center; gap:8px; font-size:14px; }
.coin-icon { width:23px; height:23px; border-radius:50%; border:2px solid #2f8bc7; color:#2f8bc7; display:inline-grid; place-items:center; font-weight:800; font-size:12px; line-height:1; background:#f1fbff; }
.chevron-toggle { margin: 22px auto 0; width: 32px; height: 26px; border:0; background:transparent; position:relative; }
.chevron-toggle::before { content:""; position:absolute; width:10px; height:10px; border-right:2px solid #0a0c0c; border-bottom:2px solid #0a0c0c; transform:rotate(45deg); left:10px; top:2px; }
.chevron-toggle.up::before { transform:rotate(225deg); top:9px; }
.balance-breakdown { border-top:1px dashed #d2d6d5; margin-top:17px; padding-top:20px; display:grid; grid-template-columns:1fr 1fr; text-align:left; gap:20px; }
.balance-label { color:#797d80; font-size:14px; }
.balance-value { display:block; margin-top:6px; font-size:18px; font-weight:780; color:#111; }

.primary-deposit {
  height: 64px; margin: 14px 17px 0; width: calc(100% - 34px); border: 0; border-radius: 34px;
  background: #8798ed; color:#090b0b; font-size:17px; font-weight:780; box-shadow: inset 0 -5px 0 rgba(52,73,166,.32);
}
.primary-deposit span { font-size:28px; line-height:0; vertical-align:-3px; margin-left:8px; }

.action-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin: 20px 18px 0; }
.action-card { height:72px; background:#fff; border:0; border-radius:22px; display:flex; align-items:center; gap:15px; padding:0 18px; font-weight:730; font-size:15px; }
.action-bubble { width:44px; height:44px; border-radius:50%; background:#edf0fb; display:grid; place-items:center; color:#6a79ed; }
.action-bubble svg { width:24px; height:24px; }

.card-banner { margin:23px 20px 0; height:86px; border-radius:27px; background:#171a1f; color:#fff; display:grid; grid-template-columns:83px 1fr 20px; align-items:center; padding:0 19px; overflow:hidden; position:relative; }
.mini-card { width:67px; height:43px; border-radius:7px; background:linear-gradient(135deg,#bfc6ff 0%,#8d9df4 100%); position:relative; box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); }
.mini-card::before { content:""; position:absolute; width:15px; height:10px; border-radius:2px; background:#f3efff; left:8px; top:9px; }
.banner-title { font-weight:740; font-size:16px; }
.banner-sub { color:#aeb0b6; font-size:14px; margin-top:3px; }
.banner-chev { font-size:29px; font-weight:200; }
.orbit { position:absolute; width:34px; height:15px; border-radius:50%; border:2px solid #7282ef; background:#aab3ff; transform:rotate(28deg); }
.orbit.one { top:-4px; right:69px; }.orbit.two { bottom:-5px; right:42px; }

.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:23px 18px 0; }
.feature-card { height:114px; border-radius:24px; background:#fff; border:0; text-align:left; padding:19px 18px; position:relative; }
.feature-emoji { font-size:30px; }
.feature-label { position:absolute; left:17px; bottom:16px; font-size:15px; font-weight:760; }
.feature-arrow { position:absolute; right:18px; top:34px; font-size:30px; font-weight:250; }
.section-row { display:flex; justify-content:space-between; align-items:center; margin:28px 20px 0; font-weight:760; }
.section-row a { color:#7380ce; text-decoration:none; font-weight:500; }

.bottom-nav {
  position:absolute; left:12px; right:12px; bottom:70px; height:54px; border-radius:34px; background:#fff;
  display:grid; grid-template-columns:repeat(3,1fr); box-shadow:0 8px 17px rgba(29,31,35,.24); z-index:20; padding:5px;
}
.nav-item { border:0; background:transparent; border-radius:29px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; color:#c1c2c3; font-size:12px; }
.nav-item.active { background:#e6e7ff; color:#111; }
.nav-item svg { width:22px; height:22px; }

/* Investment screen */
.invest-card { margin:0 17px; padding:28px 20px 22px; border-radius:25px; background:#fff; text-align:center; }
.invest-number { margin-top:21px; font-size:43px; font-weight:790; letter-spacing:-2px; line-height:.95; white-space:nowrap; }
.invest-number .micro { color:#666a6c; font-size:20px; letter-spacing:8px; margin-left:5px; vertical-align:5px; }
.apy-chip { margin:18px auto 0; border:0; background:#edf0ff; color:#7584dd; border-radius:18px; height:35px; padding:0 15px; display:inline-flex; align-items:center; gap:8px; font-size:17px; font-weight:760; }
.sparkle { color:#7181e7; font-size:20px; }
.dashed { border-top:1px dashed #d3d7d6; margin:18px 3px 0; }
.earning { margin-top:28px; display:flex; justify-content:center; align-items:center; gap:8px; font-size:13px; font-weight:760; white-space:nowrap; }
.earning strong { color:#7a87d0; font-weight:760; }
.money-flower { font-size:23px; }
.invest-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:25px; }
.outline-button, .fill-button { height:62px; border-radius:31px; font-size:18px; font-weight:780; }
.outline-button { border:1px solid #c9cdcf; background:#fff; }
.fill-button { border:0; background:#929ff1; }
.cup-card { margin-top:18px; height:70px; border:2px solid #5b70c7; border-radius:19px; display:grid; grid-template-columns:39px 1fr 18px; align-items:center; text-align:left; padding:0 14px; }
.cup-card .ball { font-size:26px; }
.cup-title { font-size:13px; font-weight:770; white-space:nowrap; }
.cup-sub { margin-top:5px; color:#888c8d; font-size:12px; }
.calc-chip { margin:22px auto 0; border:0; background:#eef0ff; color:#7b88d2; border-radius:21px; height:43px; padding:0 19px; display:flex; align-items:center; gap:9px; font-size:14px; font-weight:740; }
.goal-card { margin:18px 17px 0; min-height:174px; background:#fff; border-radius:25px; padding:21px 20px; display:grid; grid-template-columns:54px 1fr 28px; align-items:start; }
.goal-emoji { font-size:35px; }
.goal-title { font-size:18px; font-weight:790; line-height:1.15; }
.goal-progress { margin-top:10px; font-size:17px; }
.goal-edit { display:flex; flex-direction:column; gap:15px; align-items:center; color:#858b8b; }
.goal-edit svg { width:20px; height:20px; }

/* Sheets and transactional screens */
.backdrop { position:absolute; inset:0; background:rgba(0,0,0,.45); z-index:30; }
.sheet { position:absolute; left:0; right:0; bottom:0; z-index:31; background:#fff; border-radius:27px 27px 0 0; overflow:hidden; }
.full-sheet { top:44px; }
.sheet-header { padding:29px 24px 0; display:flex; justify-content:space-between; align-items:flex-start; }
.sheet-title { margin:0; font-size:23px; line-height:1.05; font-weight:790; letter-spacing:-.2px; }
.sheet-subtitle { margin-top:7px; color:#767a7f; font-size:13px; }
.close-button { width:42px; height:42px; border-radius:50%; border:0; background:#eff0f2; position:relative; flex:0 0 auto; }
.close-button::before, .close-button::after { content:""; position:absolute; width:19px; height:2px; background:#727980; left:11px; top:20px; }
.close-button::before { transform:rotate(45deg); }.close-button::after { transform:rotate(-45deg); }
.amount-sheet-body { position:absolute; inset:0 18px 0; padding:0; }
.amount-apy { position:absolute; top:175px; left:0; right:0; display:flex; justify-content:center; margin:0; }
.amount-value { position:absolute; left:0; right:0; text-align:center; margin:0; font-size:58px; font-weight:400; letter-spacing:-3px; }
.amount-sheet.is-invest .amount-value { top:217px; }
.amount-sheet.is-withdraw .amount-value { top:174px; }
.available-copy { position:absolute; top:241px; left:0; right:0; text-align:center; color:#72777c; font-size:14px; }
.available-copy strong { color:#272b2e; }
.amount-value .dollar { color:#9299a4; }
.balance-transition { position:absolute; top:361px; left:0; right:0; display:grid; grid-template-columns:1fr 33px 1fr; align-items:center; margin:0; }
.transition-card { min-height:74px; background:#f6f6ff; border-radius:17px; padding:13px 14px; }
.transition-label { color:#7d8388; font-size:12px; }
.transition-current { font-weight:780; font-size:16px; margin-top:6px; white-space:nowrap; }
.transition-after { color:#73787c; font-weight:450; margin-left:6px; }
.transition-arrow { width:36px; height:36px; border-radius:50%; background:#fff; display:grid; place-items:center; color:#4087d5; font-size:31px; z-index:1; margin-left:-1px; }
.range-row { position:absolute; top:447px; left:0; right:0; display:grid; grid-template-columns:28px 1fr 54px; gap:8px; align-items:center; margin:0; }
.range-track { height:7px; border-radius:4px; background:#e5e6e8; overflow:hidden; }
.range-fill { height:100%; background:#7794db; }
.percent { font-weight:750; font-size:13px; display:flex; gap:4px; align-items:center; }
.max-button { height:35px; border:0; border-radius:18px; background:#eeeff4; font-size:13px; font-weight:800; }
.keypad { position:absolute; top:478px; left:0; right:0; margin:0; display:grid; grid-template-columns:repeat(3,1fr); row-gap:4px; }
.key { height:56px; border:0; background:transparent; font-size:25px; font-weight:500; color:#171c23; border-radius:15px; }
.key:active { background:#f0f1f5; }
.key-back { font-size:18px; }
.continue-button { position:absolute; left:0; right:0; bottom:55px; height:50px; width:100%; border:0; border-radius:27px; background:#ccd4ff; font-size:16px; font-weight:780; margin:0; }
.continue-button.enabled { background:#93a0f4; }

.apy-sheet { height:414px; padding:0 24px 25px; }
.apy-sheet .sheet-header { padding:35px 0 0; }
.apy-description { color:#9a9a9b; font-size:15px; line-height:1.45; margin:27px 0 0; max-width:325px; }
.apy-columns { display:grid; grid-template-columns:1fr 1fr; margin-top:31px; padding-bottom:24px; border-bottom:1px dashed #dadcdb; }
.apy-big { font-size:35px; font-weight:790; }
.apy-label { color:#9b9d9f; margin-top:8px; font-size:12px; }
.apy-final { position:absolute; left:0; right:0; bottom:122px; text-align:center; margin:0; }
.boost-button { position:absolute; left:24px; right:24px; bottom:54px; width:auto; height:50px; border:0; border-radius:32px; background:#8f9df2; font-size:17px; font-weight:790; margin:0; }

.confirm-sheet { top:44px; padding:0 22px 25px; }
.confirm-sheet .sheet-header { padding:28px 0 0; }
.token-line { margin-top:23px; display:grid; grid-template-columns:54px 1fr; align-items:center; }
.large-coin { width:51px; height:51px; border-radius:50%; border:4px solid #2c89ca; color:#2c89ca; background:#edf9ff; display:grid; place-items:center; font-size:22px; font-weight:800; }
.token-label { color:#868b8f; font-size:14px; }
.token-amount { margin-top:4px; font-size:24px; font-weight:790; }
.token-amount small { color:#8f9498; font-size:14px; font-weight:450; }
.confirm-divider { border-top:1px dashed #d5d8d7; margin-top:25px; }
.confirm-balances { margin-top:25px; background:#f1f2f4; border-radius:18px; min-height:83px; display:grid; grid-template-columns:1fr 25px 1fr; align-items:center; padding:13px 15px; }
.confirm-balances .side:last-child { text-align:right; }
.confirm-balances .label { color:#777d81; font-size:12px; }
.confirm-balances .amount { margin-top:7px; font-size:18px; font-weight:790; white-space:nowrap; }
.confirm-balances .amount span { color:#9b9fa2; font-size:13px; font-weight:450; }
.estimate { margin-top:19px; height:52px; background:#f1f2f4; border-radius:18px; display:flex; align-items:center; gap:13px; padding:0 15px; color:#666b70; font-size:15px; }
.clock-bubble { width:35px; height:35px; border-radius:50%; background:#e6e6ff; color:#7581d9; display:grid; place-items:center; }
.estimate strong { color:#111; margin-left:auto; }
.confirm-action { position:absolute; left:22px; right:22px; bottom:31px; height:62px; border:0; border-radius:31px; background:#8f9df2; font-size:17px; font-weight:790; }

.processing-sheet { top:44px; display:flex; flex-direction:column; align-items:center; padding-top:216px; }
.spinner-logo { width:139px; height:139px; border-radius:50%; position:relative; display:grid; place-items:center; }
.spinner-logo::before { content:""; position:absolute; inset:0; border-radius:50%; border:5px solid #d7dbe3; border-top-color:#07110e; border-right-color:#07110e; animation:spin 1.1s linear infinite; }
.spinner-logo::after { content:"Ü"; font-size:58px; font-weight:800; transform:translateY(-6px); }
@keyframes spin { to { transform:rotate(360deg); } }
.processing-title { margin-top:51px; font-size:20px; font-weight:790; }
.processing-estimate { margin-top:27px; height:52px; border:1px solid #bec6ea; background:#eff1ff; color:#5566b4; border-radius:26px; padding:0 18px; display:flex; align-items:center; gap:10px; font-size:12px; }
.processing-estimate strong { font-size:16px; }
.processing-copy { margin-top:38px; color:#7f8284; font-size:13px; line-height:1.45; text-align:center; max-width:310px; }

.success-sheet { height:505px; padding:0 21px 25px; }
.success-sheet .close-button { position:absolute; right:20px; top:23px; }
.success-mark { margin:88px auto 0; width:94px; height:94px; border-radius:50%; background:var(--success); position:relative; }
.success-mark::before { content:""; position:absolute; width:37px; height:19px; border-left:4px solid #fff; border-bottom:4px solid #fff; transform:rotate(-45deg); left:27px; top:31px; }
.confetti i { position:absolute; width:12px; height:6px; border-radius:50%; background:#277bc4; }
.confetti i:nth-child(1){left:73px;top:139px;transform:rotate(25deg)}.confetti i:nth-child(2){left:65px;top:176px;transform:rotate(-18deg)}.confetti i:nth-child(3){left:96px;top:191px;transform:rotate(42deg)}.confetti i:nth-child(4){right:78px;top:130px;transform:rotate(5deg)}.confetti i:nth-child(5){right:71px;top:166px;transform:rotate(-16deg)}.confetti i:nth-child(6){right:87px;top:194px;transform:rotate(70deg)}
.success-title { margin-top:42px; text-align:center; font-size:22px; font-weight:800; }
.success-sub { margin-top:10px; text-align:center; color:#8c9092; font-size:15px; }
.success-divider { border-top:1px dashed #d4d7d6; margin-top:22px; }
.success-token { display:grid; grid-template-columns:54px 1fr; align-items:center; margin-top:20px; }
.success-token .token-label { font-size:14px; }
.success-close { position:absolute; left:21px; right:21px; bottom:77px; height:50px; border:0; border-radius:32px; background:#8f9df2; font-size:17px; font-weight:790; }

.android-nav { position:absolute; left:0; right:0; bottom:0; height:30px; background:#fff; display:flex; align-items:center; justify-content:space-around; z-index:45; }
.android-square { width:14px; height:14px; background:#717372; border-radius:2px; }
.android-circle { width:20px; height:20px; border:3px solid #717372; border-radius:50%; }
.android-triangle { width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:16px solid #717372; transform:scale(.75); }

@media (max-width: 500px) {
  .phone { border-radius: 24px; }
}

/* Vault migration flow */
.balance-breakdown.has-legacy { row-gap:16px; }
.legacy-balance-line {
  grid-column:1 / -1; border-top:1px dashed #d2d6d5; padding-top:15px;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.legacy-balance-line > span { display:flex; flex-direction:column; gap:5px; }
.legacy-balance-line small { color:#7785d8; font-size:11px; font-weight:750; }
.legacy-balance-line .balance-value { margin-top:0; white-space:nowrap; }
.feature-notice {
  position:absolute; right:14px; top:14px; border-radius:12px; padding:5px 8px;
  background:#e8edff; color:#6879d3; font-size:9px; font-weight:850; letter-spacing:.25px;
}

.migration-card {
  margin:0 17px 14px; padding:20px 18px 17px; border-radius:25px; overflow:hidden;
  background:linear-gradient(145deg,#161a23 0%,#252c43 62%,#485da5 140%); color:#fff;
  box-shadow:0 12px 26px rgba(34,43,76,.18); position:relative;
}
.migration-card::after {
  content:""; position:absolute; width:180px; height:180px; border-radius:50%; right:-95px; top:-110px;
  border:25px solid rgba(159,174,255,.17); pointer-events:none;
}
.migration-card-top { display:flex; justify-content:space-between; align-items:center; position:relative; z-index:1; }
.upgrade-badge {
  display:inline-flex; align-items:center; min-height:24px; border-radius:12px; padding:0 9px;
  background:#dfe5ff; color:#5269c8; font-size:9px; font-weight:900; letter-spacing:.55px;
}
.migration-balance { font-size:15px; font-weight:800; }
.migration-card h2 { position:relative; z-index:1; margin:17px 0 0; font-size:22px; line-height:1.08; letter-spacing:-.4px; }
.migration-card p { position:relative; z-index:1; margin:8px 0 0; color:#c7ccdc; font-size:13px; line-height:1.4; max-width:315px; }
.apy-upgrade {
  position:relative; z-index:1; margin-top:16px; display:grid; grid-template-columns:1fr 28px 1fr;
  align-items:center; gap:4px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.11);
  border-radius:17px; padding:11px 12px;
}
.apy-upgrade div { display:flex; flex-direction:column; gap:4px; }
.apy-upgrade small { color:#aeb5cb; font-size:9px; }
.apy-upgrade strong { font-size:16px; }
.apy-upgrade-new strong { color:#b8c3ff; }
.apy-upgrade-arrow { text-align:center; color:#aeb7e8; font-size:21px; }
.migration-button {
  position:relative; z-index:1; width:100%; height:49px; margin-top:15px; border:0; border-radius:25px;
  background:#9ca9ff; color:#090b0b; font-size:15px; font-weight:850;
}
.migration-note { position:relative; z-index:1; margin-top:9px; color:#aeb5c7; font-size:10px; text-align:center; }
.invest-card.with-migration { margin-top:0; }
.new-vault-note { margin-top:12px; color:#8a8f93; font-size:11px; line-height:1.35; }
.outline-button:disabled { color:#adb1b4; background:#f4f5f5; border-color:#e2e4e5; }

.migration-confirm-sheet { top:44px; padding:0 22px 28px; }
.migration-confirm-sheet .sheet-header { padding:28px 0 0; }
.migration-confirm-hero { margin-top:29px; text-align:center; }
.migration-confirm-amount { margin-top:15px; font-size:43px; font-weight:820; letter-spacing:-1.8px; }
.migration-confirm-token { margin-top:5px; color:#858a8e; font-size:13px; }
.migration-rate-comparison {
  margin-top:25px; min-height:91px; border-radius:19px; padding:15px;
  display:grid; grid-template-columns:1fr 32px 1fr; align-items:center; background:#f1f2f8;
}
.migration-rate-comparison div { display:flex; flex-direction:column; gap:8px; }
.migration-rate-comparison div:last-child { text-align:right; }
.migration-rate-comparison span { color:#80858b; font-size:11px; }
.migration-rate-comparison strong { font-size:19px; }
.migration-rate-comparison .better strong { color:#6578db; }
.migration-rate-arrow { text-align:center; font-size:26px !important; color:#7a86ce !important; }
.migration-benefit {
  margin-top:18px; padding:15px; border:1px solid #dde2fa; border-radius:18px; background:#f8f9ff;
  display:grid; grid-template-columns:30px 1fr; gap:11px; align-items:start;
}
.benefit-check { width:28px; height:28px; border-radius:50%; background:#dfe5ff; color:#5e72d3; display:grid; place-items:center; font-weight:900; }
.migration-benefit strong { font-size:14px; }
.migration-benefit p { margin:6px 0 0; color:#7f8488; font-size:12px; line-height:1.4; }
.migration-confirm-action { bottom:33px; }
.migration-processing-sheet { padding-top:190px; }
.migration-success-sheet { height:520px; }
.migration-success-summary {
  margin-top:20px; border-radius:18px; background:#f3f4f8; padding:14px 16px; display:grid; gap:13px;
}
.migration-success-summary div { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.migration-success-summary span { color:#858a8e; font-size:12px; }
.migration-success-summary strong { font-size:15px; }