/* All selectors are scoped to onboarding; the wallet and auth pages retain their layout. */
.content.auth:has(.intro-premium){padding:0;background:linear-gradient(165deg,#fff 0%,#f6f9fe 46%,#edf4ff 100%)}
.intro-premium{min-height:100%;display:flex;flex-direction:column;padding:20px clamp(18px,5.6vw,28px) max(24px,env(safe-area-inset-bottom,0px));gap:12px;isolation:isolate}
.intro-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}
.intro-brand{display:flex;align-items:center;gap:9px;min-width:0}.intro-brand>.intro-asset{width:49px;height:52px;padding:2px;border-radius:12px;border:1px solid #e5ecf7;background:white}.intro-brand>span{color:#132f55;font-size:1.05rem;font-weight:750;letter-spacing:.3px;line-height:1.3}.intro-brand small{display:block;font-size:.61rem;letter-spacing:.2px;font-weight:600;color:#6c7f9a;margin-top:3px}
.intro-skip{border:0;background:transparent;color:#647995;display:flex;align-items:center;gap:3px;font-size:.72rem;min-height:44px;padding:4px 0;white-space:nowrap}
.intro-slide{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0;padding-block:8px}
.intro-scene{position:relative;width:100%;max-width:360px;aspect-ratio:1/1;margin:0 auto 22px;isolation:isolate;font-size:16px;direction:rtl;flex-shrink:0}
.intro-scene-halo{position:absolute;inset:1% -2% 1%;background:radial-gradient(ellipse at 40% 48%,#cbdeff8c,transparent 68%);z-index:-2}.intro-orbit{position:absolute;border:1px solid #dce7f7;border-radius:50%;z-index:-1;pointer-events:none}.intro-orbit-one{inset:4% 1% 5%}.intro-orbit-two{inset:14% 0 14%}
.intro-wallet-card{position:absolute;top:7%;inset-inline:5%;min-height:54%;background:linear-gradient(115deg,#122f55,#124b94);border:1px solid #ffffff50;border-radius:24px;padding:6% 7%;box-shadow:0 22px 44px -22px #12468675;color:#fff;overflow:hidden}.intro-wallet-card::after{content:"";position:absolute;inset:-80% -80% 5% 50%;border:38px solid #ffffff05;border-radius:50%;pointer-events:none}.intro-wallet-top{display:flex;align-items:center;justify-content:space-between;color:#dae9ff;font-size:.7em}.intro-wallet-top .ico{opacity:.75}.intro-wallet-card>strong{display:block;font-size:1.6em;line-height:1.6;font-weight:650;margin-top:8px}.intro-wallet-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:.53em;letter-spacing:1.7px;color:#bdd4f7}.intro-usd-label{border:1px solid #ffffff30;border-radius:6px;padding:4px 7px;letter-spacing:.5px;font-size:1.1em}
.intro-transfer-card{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 14px;background:#fff;border:1px solid #e1e9f5;box-shadow:0 14px 30px -18px #1b497a70;border-radius:17px;width:64%;min-height:83px;z-index:2}.intro-send{top:49%;right:0}.intro-receive{top:74%;left:0}.intro-asset{display:inline-grid;place-items:center;width:54px;height:54px;padding:7px;background:white;border-radius:12px;flex-shrink:0;overflow:visible}.intro-asset img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:0;clip-path:none;filter:none;transform:none}.intro-transfer-card .intro-asset{padding:4px;border:1px solid #e9eef7}.intro-card-caption{display:block;color:#75849a;font-size:.65em;margin-bottom:5px}.intro-transfer-card strong{display:block;color:#153354;font-size:.96em;font-weight:700;white-space:nowrap}.intro-card-dot{width:6px;height:6px;background:#3c87f7;border-radius:50%;margin-inline-start:auto;flex-shrink:0}.intro-receive .intro-card-dot{background:#1d9a7e}.intro-flow-line{position:absolute;inset:0;width:100%;height:100%;color:#6295e0;z-index:0}.intro-flow-badge{position:absolute;top:71%;right:21%;width:31px;height:31px;background:#1767db;color:white;border:4px solid #f3f7ff;border-radius:50%;display:grid;place-items:center;z-index:3;box-shadow:0 3px 8px #2367cd20}.intro-flow-badge .ico{width:16px;height:16px}.intro-scene-footnote{position:absolute;top:100%;right:0;padding-top:6px;color:#71839b;font-size:.6em;display:flex;align-items:center;gap:5px}.intro-scene-footnote .ico{width:13px;height:13px}
.intro-scene-to-sham .intro-wallet-card{background:linear-gradient(115deg,#103764,#1c5ab0)}.intro-scene-to-sham .intro-card-dot{background:#199a80}.intro-scene-to-sham .intro-receive .intro-card-dot{background:#3c87f7}
.intro-currency-backplate{position:absolute;inset:9% 5% auto;min-height:51%;border-radius:24px;background:linear-gradient(125deg,#163b70,#1764ce);color:#d7e8ff;display:flex;align-items:flex-start;justify-content:space-between;padding:7%;font-size:.73em;box-shadow:0 22px 44px -22px #12468675}.intro-currency-sheet{position:absolute;inset:27% 0 auto;background:#fff;border:1px solid #dce7f6;border-radius:22px;padding:17px;box-shadow:0 18px 36px -24px #163d765e}.intro-currency-heading{display:flex;align-items:center;gap:10px;padding-bottom:14px}.intro-currency-heading .intro-asset{width:52px;height:52px;border:1px solid #e9eef7}.intro-currency-heading strong{display:block;font-size:.96em;color:#1a355c}.intro-currency-heading div>span{display:block;color:#7b8aa0;font-size:.64em;margin-top:5px}.intro-verified{margin-inline-start:auto;background:#edf6ff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;color:#2c77df}.intro-currency-option{display:flex;align-items:center;gap:12px;border:1px solid #e6ecf5;border-radius:13px;padding:11px;margin-bottom:9px}.intro-currency-option:first-of-type{border-color:#94b9f1;background:#f5f9ff}.intro-currency-code{display:grid;place-items:center;width:43px;height:38px;flex-shrink:0;background:#edf4ff;color:#2869bd;font-size:.78em;font-weight:700;border-radius:10px}.intro-currency-option strong{display:block;font-size:.73em;color:#15365e}.intro-currency-option div>span{display:block;font-size:.6em;color:#7b8ba1;margin-top:4px}.intro-radio{margin-inline-start:auto;flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1px solid #ccd8e8}.intro-radio.selected{border:4px solid #2877e3;background:white}.intro-quote-note{font-size:.58em;color:#52749b;display:flex;align-items:center;justify-content:center;gap:6px;line-height:1.8;padding-top:8px}.intro-quote-note .ico{width:15px;height:15px}
.intro-copy{text-align:center;margin-top:4px}.intro-kicker{display:block;font-size:.7rem;color:#3675cb;font-weight:600;margin-bottom:11px;letter-spacing:.05px}.intro-copy h1{margin:0 0 12px;font-size:clamp(1.27rem,5.6vw,1.55rem);font-weight:750;line-height:1.8;color:#112d54;letter-spacing:-.4px;text-wrap:balance}.intro-copy p{font-size:.87rem;line-height:2.05;color:#687d98;margin:0 auto;max-width:34ch;text-wrap:pretty}
.intro-controls{flex-shrink:0;padding-top:4px}.intro-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:9px 4px 17px}.intro-dots{display:flex;align-items:center;gap:6px}.intro-dots span{width:6px;height:6px;background:#d2dfef;border-radius:10px}.intro-dots .is-active{width:26px;background:#1c6cdb}.intro-count{font-variant-numeric:tabular-nums;color:#285990;font-size:.69rem;font-weight:700;letter-spacing:1px}.intro-count>span{color:#98a9bf;font-weight:500}.intro-next.btn{margin-top:0;border-radius:15px;min-height:54px;box-shadow:0 10px 20px -10px #1765d661;background:linear-gradient(105deg,#145ac4,#2279ec);justify-content:space-between;padding-inline:21px;font-size:.87rem}.intro-next .ico{width:19px;height:19px}
@media(max-width:350px){.intro-premium{padding-inline:18px}.intro-scene{font-size:14px}.intro-transfer-card{padding:9px 10px;gap:7px;min-height:74px}.intro-transfer-card .intro-asset{width:46px;height:46px;padding:6px}.intro-currency-sheet{padding:13px}.intro-currency-option{padding:8px;gap:8px}.intro-currency-heading{padding-bottom:9px}.intro-currency-heading .intro-asset{width:46px;height:46px}}
@media(max-height:740px) and (min-width:351px){.intro-premium{padding-block:14px 20px;gap:6px}.intro-scene{max-width:300px;margin-bottom:16px;font-size:14px}.intro-transfer-card{min-height:74px;padding:9px 11px;gap:8px}.intro-transfer-card .intro-asset{width:46px;height:46px;padding:6px}.intro-wallet-card>strong{font-size:1.45em}.intro-wallet-bottom{margin-top:8px}.intro-kicker{margin-bottom:7px}.intro-copy h1{margin-bottom:8px}.intro-progress{margin-block:5px 12px}.intro-currency-sheet{padding:13px}.intro-currency-option{padding:8px}.intro-currency-heading{padding-bottom:8px}}
@media(prefers-reduced-motion:no-preference){.intro-slide{animation:intro-enter .32s ease-out}@keyframes intro-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

/* Approved full-frame onboarding illustrations. Scoped to intro only. */
.intro-image-scene{width:100%;max-width:390px;aspect-ratio:941/1672;max-height:min(53vh,510px);margin:0 auto 12px;display:grid;place-items:center;overflow:hidden;border-radius:18px}
.intro-image-scene img{width:100%;height:100%;object-fit:contain;display:block}
@media(max-height:740px){.intro-image-scene{max-height:45vh;margin-bottom:4px}}

/* Image-only intro: keep navigation visible without vertical scrolling. */
.content.auth:has(.intro-premium){height:100%;min-height:0;overflow-y:hidden}
.content.auth:has(.intro-premium) .intro-premium{height:100%;min-height:0;max-height:100%;padding:12px clamp(16px,5vw,24px) 16px;gap:6px;overflow:hidden}
.content.auth:has(.intro-premium) .intro-slide{flex:1 1 auto;min-height:0;padding:0;justify-content:center;overflow:hidden}
.content.auth:has(.intro-premium) .intro-image-scene{width:100%;height:100%;min-height:0;max-height:none;max-width:390px;aspect-ratio:auto;margin:0 auto;border-radius:14px;overflow:hidden}
.content.auth:has(.intro-premium) .intro-image-scene img{width:100%;height:100%;object-fit:contain;object-position:center}
.content.auth:has(.intro-premium) .intro-controls{flex:0 0 auto;padding-top:0}
.content.auth:has(.intro-premium) .intro-progress{margin:4px 4px 10px}
.content.auth:has(.intro-premium) .intro-next.btn{min-height:52px}

/* Full-bleed onboarding: artwork IS the screen, controls overlay it. */
.content.auth:has(.intro-premium){padding:0!important;margin:0;overflow:hidden!important;background:#f6faff!important}
.content.auth:has(.intro-premium) .intro-premium{position:relative;display:block;width:100%;height:100%;min-height:0;padding:0!important;margin:0;overflow:hidden;isolation:isolate}
.content.auth:has(.intro-premium) .intro-slide{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0!important;margin:0;overflow:hidden}
.content.auth:has(.intro-premium) .intro-image-scene{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;min-height:0;aspect-ratio:auto;margin:0;border:0;border-radius:0!important;overflow:hidden}
.content.auth:has(.intro-premium) .intro-image-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;border:0;border-radius:0!important}
.content.auth:has(.intro-premium) .intro-controls{position:absolute;z-index:3;bottom:clamp(16px,3.5vh,36px);left:0;right:0;padding:0 22px;margin:0;pointer-events:none}
.content.auth:has(.intro-premium) .intro-next.btn{pointer-events:auto;width:100%;min-height:54px;margin:0;border-radius:16px;background:linear-gradient(105deg,#145ac4,#2279ec);box-shadow:0 7px 22px #0b3c8580}
.content.auth:has(.intro-premium) .intro-full-skip{position:absolute;z-index:4;top:clamp(12px,2.5vh,26px);left:16px;display:flex;align-items:center;gap:3px;min-height:40px;border:1px solid #e2ebf5;border-radius:24px;background:#ffffffd9;backdrop-filter:blur(5px);padding:6px 12px;color:#526a88;font-size:.75rem}