*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--font);background:var(--outside);color:var(--ink)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.amal-app{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;background:var(--bg);scrollbar-width:none;-webkit-overflow-scrolling:touch}.amal-app::-webkit-scrollbar{display:none}.app-shell{min-height:100%;position:relative;padding-bottom:90px;background:radial-gradient(circle at 80% 0,var(--ambient),transparent 34%),var(--bg)}
.topbar{height:72px;padding:12px 16px 6px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.brand{min-width:44px;min-height:44px;padding:0;border:0;background:transparent;display:flex;align-items:center;gap:10px}.brand img{width:27px;height:31px;object-fit:contain;filter:drop-shadow(0 3px 8px #d8b85b50)}.brand span{font-size:15px;font-weight:750;letter-spacing:.3em;color:var(--brand-text)}.top-actions{display:flex;gap:8px}.round{width:44px;height:44px;border:1px solid var(--hairline);border-radius:50%;display:grid;place-items:center;background:var(--control);backdrop-filter:blur(16px);position:relative}.round i{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 3px var(--bg)}
.content{padding:0 14px 24px}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:calc(8px + env(safe-area-inset-bottom));width:min(370px,calc(100vw - 20px));height:70px;padding:6px 3px;border:1px solid var(--nav-line);border-radius:22px;background:var(--nav-bg);backdrop-filter:blur(24px) saturate(130%);box-shadow:var(--nav-shadow);display:grid;grid-template-columns:repeat(4,1fr);transform:translateX(-50%)}.bottom-nav button{min-width:0;min-height:56px;border:0;border-radius:16px;background:transparent;color:var(--nav-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.bottom-nav button span{height:24px}.bottom-nav button b{font-size:10px;font-weight:650}.bottom-nav button.active{color:var(--mint);background:var(--nav-active)}.bottom-nav button.active svg{filter:drop-shadow(0 0 7px var(--mint-glow))}
.balance-head{padding:8px 4px 18px}.balance-head div{display:flex;align-items:center;gap:7px}.balance-head small,.section-title>small,.hero-copy>small,.service-banner small,.privilege-hero>div>small{font-size:11px;font-weight:700;letter-spacing:.11em;color:var(--muted)}.eye{width:38px;height:38px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center}.eye svg{width:18px;height:18px}.balance-head>strong{display:block;margin-top:-2px;font-size:39px;line-height:1.1;letter-spacing:-.045em;font-weight:720;font-variant-numeric:tabular-nums}.balance-head>span{display:block;margin-top:7px;color:var(--mint);font-size:13px;font-weight:650}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.quick{min-width:0;height:82px;padding:8px 3px;border:1px solid var(--hairline);border-radius:19px;background:linear-gradient(145deg,var(--surface-2),var(--surface));box-shadow:inset 0 1px 0 var(--inner-highlight),0 12px 24px var(--soft-shadow);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.quick span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--icon-surface);color:var(--brand-text)}.quick svg{width:20px;height:20px}.quick b{font-size:11px;font-weight:630;white-space:nowrap}
.wallet-strip{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.wallet-tile{min-width:0;height:116px;padding:12px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inner-highlight);display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto auto;text-align:left;gap:2px 8px;position:relative;overflow:hidden}.wallet-tile:after{content:"";position:absolute;width:100px;height:100px;right:-40px;top:-50px;border-radius:50%;background:var(--tile-glow);filter:blur(20px)}.wallet-tile>span{grid-row:1/4;width:38px;height:38px;z-index:1}.asset{border-radius:50%;display:grid;place-items:center;font-size:21px;font-weight:800;color:#fff}.asset.usdt{background:linear-gradient(145deg,#18c98b,#088a69);box-shadow:0 7px 18px #0cc58b42}.wallet-tile small{font-size:10px;color:var(--muted);z-index:1}.wallet-tile b{align-self:end;font-size:13px;white-space:nowrap;z-index:1}.wallet-tile em{font-size:10px;color:var(--mint);font-style:normal;z-index:1}.mini-card{border-radius:9px!important;background:linear-gradient(145deg,#16251f,#050706)!important;border:1px solid #ccae64!important;color:#e8cc85!important;font-size:8px!important;align-items:flex-end!important;justify-content:flex-end!important;padding:6px!important;box-shadow:0 7px 18px #0006!important}
.route-hero{width:100%;height:216px;margin-top:12px;padding:0;border:1px solid #a98a443d;border-radius:24px;background:linear-gradient(135deg,#0c251d 0%,#06110e 58%,#15120b 100%);box-shadow:0 22px 44px #0005,inset 0 1px 0 #fff1;position:relative;overflow:hidden;text-align:left;color:#fff}.route-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 35%,#3ea47536,transparent 34%),linear-gradient(90deg,#06110ef8 0%,#06110eca 55%,transparent 100%);z-index:1}.route-hero img{position:absolute;width:300px;height:200px;object-fit:contain;right:-77px;bottom:-2px;z-index:0;filter:saturate(.92) contrast(1.04) drop-shadow(0 20px 24px #0008)}.hero-copy{position:relative;z-index:2;width:63%;height:100%;padding:20px 0 18px 18px;display:flex;flex-direction:column;align-items:flex-start}.hero-copy>small{color:#d6bb72}.hero-copy h1{margin:9px 0 0;font-size:23px;line-height:1.06;letter-spacing:-.035em}.hero-copy p{margin:8px 0 0;color:#c5d1cc;font-size:11px;line-height:1.42}.hero-copy>span{margin-top:auto;min-height:36px;display:flex;align-items:center;gap:3px;color:#f3d887;font-size:11px;font-weight:700}.hero-copy>span svg{width:15px;height:15px}
.operations{margin-top:17px}.operations header{height:44px;display:flex;align-items:center;justify-content:space-between}.operations h2,.settings-list h2{margin:0;font-size:17px;letter-spacing:-.02em}.operations header button{min-height:44px;border:0;background:transparent;color:var(--mint);font-size:12px}.operations>button{width:100%;min-height:65px;padding:9px 0;border:0;border-top:1px solid var(--hairline);background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.op-icon{width:38px;height:38px;border-radius:13px;background:var(--icon-surface);display:grid;place-items:center;font-size:16px}.op-icon.incoming{color:var(--mint);font-weight:800}.operations>button span:nth-child(2) b{display:block;font-size:13px}.operations>button span:nth-child(2) small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.operations>button>strong{font-size:12px;font-variant-numeric:tabular-nums}.positive{color:var(--mint)}
.section-title{padding:12px 4px 18px}.section-title h1{margin:7px 0 6px;font-size:35px;letter-spacing:-.045em}.section-title p{max-width:330px;margin:0;color:var(--muted);font-size:13px;line-height:1.45}.service-stack{display:grid;gap:10px}.service-banner{width:100%;height:146px;padding:0;border:1px solid var(--hairline);border-radius:22px;background:var(--surface);position:relative;overflow:hidden;text-align:left;box-shadow:inset 0 1px 0 var(--inner-highlight),0 15px 30px var(--soft-shadow)}.service-banner>div{position:relative;z-index:2;width:65%;height:100%;padding:16px;display:flex;flex-direction:column;align-items:flex-start}.service-banner small{font-size:9px}.service-banner h2{margin:7px 0 0;font-size:20px;line-height:1.08;letter-spacing:-.025em}.service-banner p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.38}.service-banner>div>span{margin-top:auto;display:flex;align-items:center;color:var(--accent);font-size:10px;font-weight:700}.service-banner>div>span svg{width:14px;height:14px}.service-orb{position:absolute;right:15px;top:28px;width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--orb-a),var(--orb-b));color:var(--orb-ink);transform:rotate(-8deg);box-shadow:0 20px 30px #0004,inset 0 1px 0 #fff6}.service-orb:before{content:"";position:absolute;inset:6px;border:1px solid #fff3;border-radius:19px}.service-orb svg{width:38px;height:38px;stroke-width:1.5}.service-banner.service-main{height:188px;background:linear-gradient(135deg,#123e31,#061712 63%,#17130d);color:#fff;border-color:#d5b45c46}.service-main:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 35%,#4ec39440,transparent 38%)}.service-main>div{width:58%;padding:19px}.service-main h2{font-size:22px}.service-main p{color:#cbd7d1}.service-main img{position:absolute;width:245px;height:176px;object-fit:contain;right:-73px;bottom:-13px;filter:drop-shadow(0 18px 28px #000a)}.service-banner.mint{--orb-a:#47d9a2;--orb-b:#0a7456;--orb-ink:#eafff6;--accent:var(--mint)}.service-banner.glass{--orb-a:#5e7b70;--orb-b:#111a17;--orb-ink:#9bf3ce;--accent:var(--mint)}.service-banner.warm{--orb-a:#ebc46c;--orb-b:#8d5d24;--orb-ink:#1f1608;--accent:var(--gold)}.service-banner.dark{--orb-a:#2b3a34;--orb-b:#060908;--orb-ink:#dfc375;--accent:var(--gold)}.service-banner.lending{--orb-a:#c29a52;--orb-b:#3a2810;--orb-ink:#fff1c2;--accent:var(--gold)}.service-banner.ai{--orb-a:#0e6a52;--orb-b:#081a16;--orb-ink:#8ff1ca;--accent:var(--mint)}
.market-head{margin:2px -14px 0;padding:10px 14px 14px;background:linear-gradient(180deg,var(--market-a),var(--market-b));border-bottom:1px solid var(--hairline)}.market-tabs{display:flex;gap:7px;overflow:auto;padding:2px 0 17px}.market-tabs button,.ranges button{min-height:36px;border:1px solid var(--hairline);border-radius:12px;background:var(--control);padding:0 13px;font-size:11px;color:var(--muted)}.market-tabs button.on,.ranges button.on{color:var(--gold);border-color:var(--gold-line);background:var(--gold-soft)}.pair{display:flex;align-items:center;gap:12px}.pair>.asset{width:43px;height:43px}.pair small{display:block;font-size:11px}.pair strong{display:block;margin-top:2px;font-size:29px;letter-spacing:-.035em}.pair em{display:block;margin-top:3px;color:var(--mint);font-size:11px;font-style:normal}.ranges{display:flex;gap:7px;margin-top:15px}.ranges button{min-width:43px;min-height:33px;padding:0 8px}.market-chart{display:block;width:calc(100% + 4px);height:190px;margin:12px -2px 0;color:var(--mint);overflow:visible}.grid-lines path{fill:none;stroke:var(--chart-grid);stroke-width:1}.market-chart .area{fill:url(#chartFill);stroke:none}.market-chart .line{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px var(--mint-glow))}.market-chart circle{fill:var(--gold);stroke:var(--market-b);stroke-width:3}.market-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.market-metrics span{min-width:0;padding:10px 8px;border:1px solid var(--hairline);border-radius:14px;background:var(--control)}.market-metrics small{display:block;color:var(--muted);font-size:8px}.market-metrics b{display:block;margin-top:5px;font-size:10px;white-space:nowrap}.trade-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.trade-actions button{height:50px;border:1px solid var(--hairline);border-radius:15px;background:var(--surface);font-size:14px;font-weight:750}.trade-actions .buy.on{background:linear-gradient(180deg,#29d89b,#0bae78);color:#03150e;border-color:#4aebb1}.trade-actions .sell.on{background:linear-gradient(180deg,#f0cf83,#d5a744);color:#241806;border-color:#f1d58d}.ticket,.orderbook{margin-top:12px;padding:15px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface);box-shadow:inset 0 1px 0 var(--inner-highlight)}.ticket header,.orderbook header{display:flex;align-items:center;justify-content:space-between}.ticket h2,.orderbook h2{margin:0;font-size:16px}.ticket header span,.orderbook header span{color:var(--muted);font-size:9px}.ticket label{min-height:78px;margin-top:12px;padding:12px;border:1px solid var(--hairline);border-radius:15px;background:var(--field);display:flex;flex-direction:column}.ticket label>span{color:var(--muted);font-size:10px}.ticket label b{margin-top:8px;font-size:19px;display:flex;align-items:center}.ticket input{width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-size:19px;font-weight:720}.ticket-row{display:flex;justify-content:space-between;margin-top:11px;font-size:11px}.ticket-row span{color:var(--muted)}.confirm{width:100%;height:48px;margin-top:14px;border:0;border-radius:14px;background:linear-gradient(180deg,#31dda1,#0fa777);color:#03150e;font-size:13px;font-weight:800;box-shadow:0 12px 25px #0dbd7f36}.orderbook p{height:28px;margin:0;padding:0 8px;display:flex;align-items:center;justify-content:space-between;font-size:11px;position:relative}.orderbook p:before{content:"";position:absolute;z-index:0;right:0;top:3px;bottom:3px;width:var(--w,60%);border-radius:4px 0 0 4px}.orderbook p>*{position:relative;z-index:1}.asks{margin-top:11px}.asks p:before{background:var(--ask-bg)}.asks p:nth-child(2):before{--w:80%}.asks p:nth-child(3):before{--w:48%}.asks b{color:var(--sell)}.bids p:before{background:var(--bid-bg)}.bids p:nth-child(1):before{--w:54%}.bids p:nth-child(2):before{--w:72%}.bids p:nth-child(3):before{--w:88%}.bids b{color:var(--mint)}.spread{height:38px;border-block:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;font-size:14px}.spread small{color:var(--muted);font-size:9px;font-weight:500}
.profile-head{padding:10px 3px 15px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:11px}.avatar{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#e1c67d,#826623);color:#1d1608;font-size:21px;font-weight:800;box-shadow:0 10px 24px #bb96583d}.profile-head small{font-size:10px;color:var(--muted)}.profile-head h1{margin:2px 0 0;font-size:21px}.profile-head>span{height:34px;padding:0 11px;border:1px solid var(--gold-line);border-radius:999px;background:var(--gold-soft);display:flex;align-items:center;gap:5px;color:var(--gold);font-size:11px;font-weight:700}.profile-head>span svg{width:15px;height:15px}.privilege-hero{height:225px;border:1px solid var(--gold-line);border-radius:24px;background:linear-gradient(135deg,#102b22,#070d0b 58%,#1d160a);position:relative;overflow:hidden;color:#fff;box-shadow:0 22px 44px #0005,inset 0 1px 0 #fff1}.privilege-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 40%,#ba96513d,transparent 40%);z-index:1}.privilege-hero>div{position:relative;z-index:2;width:63%;height:100%;padding:19px 0 17px 18px;display:flex;flex-direction:column;align-items:flex-start}.privilege-hero>div>small{color:#e5c979}.privilege-hero h2{margin:8px 0 0;font-size:25px;letter-spacing:-.03em}.privilege-hero p{margin:7px 0 0;color:#cbd4cf;font-size:10px;line-height:1.42}.privilege-hero img{position:absolute;z-index:0;right:-41px;bottom:-52px;width:224px;height:255px;object-fit:contain;filter:drop-shadow(0 20px 22px #000b)}.level{width:100%;margin-top:auto}.level span{display:block;height:5px;border-radius:9px;background:#ffffff23;overflow:hidden}.level i{display:block;width:42%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b68e3f,#f5dc91);box-shadow:0 0 12px #e6c56c}.level small{display:block;margin-top:7px;color:#c9d3ce;font-size:8px}.reward-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.reward-grid button{min-width:0;height:128px;padding:13px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface);text-align:left;display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto auto;align-content:start;gap:4px 8px;box-shadow:inset 0 1px 0 var(--inner-highlight)}.reward-grid button>span{grid-row:1/4;width:35px;height:35px;border-radius:12px;background:var(--gold-soft);color:var(--gold);display:grid;place-items:center}.reward-grid button>span svg{width:19px;height:19px}.reward-grid b{font-size:13px}.reward-grid small{color:var(--muted);font-size:9px;line-height:1.3}.reward-grid em{margin-top:5px;color:var(--mint);font-size:11px;font-style:normal;font-weight:700}.settings-list{margin-top:18px}.settings-list h2{height:40px;display:flex;align-items:center}.setting{width:100%;min-height:66px;padding:8px 2px;border:0;border-top:1px solid var(--hairline);background:transparent;display:grid;grid-template-columns:42px minmax(0,1fr) auto 18px;align-items:center;gap:9px;text-align:left}.setting>span{width:38px;height:38px;border-radius:13px;background:var(--icon-surface);color:var(--brand-text);display:grid;place-items:center}.setting>span svg{width:19px;height:19px}.setting div b{display:block;font-size:13px}.setting div small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.setting em{color:var(--mint);font-size:9px;font-style:normal}.setting>svg{width:16px;color:var(--muted)}.support-card{min-height:84px;margin-top:12px;padding:12px;border:1px solid var(--gold-line);border-radius:18px;background:var(--gold-soft);display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:8px}.support-card>span{width:38px;height:38px;border-radius:13px;background:var(--gold-soft-strong);color:var(--gold);display:grid;place-items:center}.support-card b{font-size:11px}.support-card small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.3}.support-card button{min-height:42px;padding:0 10px;border:1px solid var(--gold-line);border-radius:12px;background:transparent;color:var(--gold);font-size:9px;font-weight:700}
.toast{position:fixed;z-index:100;left:50%;bottom:92px;width:max-content;max-width:320px;padding:11px 15px;border:1px solid var(--hairline);border-radius:14px;background:var(--toast);color:var(--ink);font-size:11px;line-height:1.35;box-shadow:0 18px 40px #0007;opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:340px){.content{padding-inline:11px}.topbar{padding-inline:13px}.quick-grid{gap:6px}.quick b{font-size:9px}.balance-head>strong{font-size:35px}.wallet-strip{gap:7px}.wallet-tile{padding:10px}.route-hero{height:208px}.hero-copy{padding-left:15px}.hero-copy h1{font-size:21px}.route-hero img{right:-91px}.service-banner>div{padding-left:14px}.service-main img{right:-88px}.market-head{margin-inline:-11px;padding-inline:11px}.bottom-nav{width:calc(100vw - 12px)}.bottom-nav button b{font-size:9px}.privilege-hero>div{padding-left:15px}}
@media(min-width:391px){.amal-app{border-radius:29px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Services-first native iteration */
.topbar{
  height:82px;
  padding:10px 12px 7px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:8px;
}
.brand{min-width:44px;gap:6px}.brand img{width:25px;height:29px}.brand span{font-size:11px;letter-spacing:.17em}
.top-actions{gap:5px}.round{width:44px;height:44px}.top-actions .round:first-child{display:grid}
.network-switcher{
  min-width:0;height:54px;padding:4px 7px 4px 2px;border:1px solid var(--gold-line);border-radius:18px;
  background:linear-gradient(135deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:64px minmax(0,1fr) 14px;align-items:center;text-align:left;overflow:hidden;
  box-shadow:inset 0 1px 0 var(--inner-highlight),0 10px 25px var(--soft-shadow)
}
.network-switcher img{width:72px;height:52px;object-fit:contain;transform:translateX(-7px);filter:drop-shadow(0 8px 11px #0006)}
.network-switcher span{min-width:0}.network-switcher small{display:block;color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.11em}.network-switcher b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.network-switcher>svg{width:14px;height:14px;color:var(--muted)}
.back-button{border-color:var(--gold-line)}

.home-hero{
  height:300px;border:1px solid #b69b563f;border-radius:27px;position:relative;overflow:hidden;color:#fff;
  background:linear-gradient(145deg,#113227 0%,#06110e 58%,#161208 100%);box-shadow:0 25px 55px #0006,inset 0 1px 0 #fff1
}
.home-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 22%,#4fd39a35,transparent 31%),linear-gradient(95deg,#06110efa 0%,#06110edc 54%,transparent 82%);z-index:1}
.home-hero>img{position:absolute;width:350px;height:240px;object-fit:contain;right:-106px;bottom:-16px;z-index:0;filter:saturate(.95) contrast(1.04) drop-shadow(0 24px 25px #000b)}
.home-hero .hero-copy{position:relative;z-index:2;width:72%;height:100%;padding:20px 0 18px 18px;display:flex;flex-direction:column;align-items:flex-start}
.home-hero .hero-copy>small{color:#e1c778;font-size:9px;letter-spacing:.12em}
.hero-balance-line{display:flex;align-items:center;margin-top:9px;gap:4px}.hero-balance-line strong{font-size:31px;line-height:1;font-weight:760;letter-spacing:-.045em;font-variant-numeric:tabular-nums}.hero-balance-line .eye{color:#b7c8bf;width:44px;height:44px}
.hero-delta{color:#77e9b9;font-size:10px;font-weight:700}
.home-hero h1{max-width:220px;margin:14px 0 0;font-size:23px;line-height:1.02;letter-spacing:-.04em}
.hero-cta{min-height:44px;margin-top:auto;padding:0;border:0;background:transparent;color:#f2d686;font-size:11px;font-weight:750;display:flex;align-items:center;gap:3px}.hero-cta svg{width:16px;height:16px}

.section-heading{min-height:64px;margin-top:16px;display:flex;align-items:end;justify-content:space-between;gap:12px}
.section-heading small{display:block;color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.13em}.section-heading h2{margin:4px 0 0;font-size:19px;letter-spacing:-.03em}.section-heading>button{min-height:44px;padding:0;border:0;background:transparent;color:var(--mint);font-size:11px;font-weight:700}.section-heading>span{padding-bottom:9px;color:var(--muted);font-size:10px}
.service-mosaic{display:grid;grid-template-columns:1.08fr .92fr;grid-auto-rows:92px;gap:9px;margin-top:10px}
.service-shortcut{min-width:0;padding:12px;border:1px solid var(--hairline);border-radius:21px;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:40px minmax(0,1fr) 16px;align-items:center;gap:9px;text-align:left;box-shadow:inset 0 1px 0 var(--inner-highlight),0 13px 28px var(--soft-shadow);position:relative;overflow:hidden}
.service-shortcut:after{content:"";position:absolute;width:90px;height:90px;right:-55px;top:-54px;border-radius:50%;background:var(--tile-glow);filter:blur(20px)}
.service-shortcut>span{width:40px;height:40px;border-radius:14px;background:var(--icon-surface);color:var(--brand-text);display:grid;place-items:center;z-index:1}.service-shortcut>span svg{width:20px;height:20px}.service-shortcut>svg{width:15px;height:15px;color:var(--muted);z-index:1}
.service-shortcut div{min-width:0;z-index:1}.service-shortcut b{display:block;font-size:12px}.service-shortcut small{display:block;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.3}
.service-wide{grid-column:1/-1}.service-tall{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:44px 1fr 18px;align-items:start}.service-tall>span{width:44px;height:44px}.service-tall>svg{align-self:end}.service-travel{background:linear-gradient(135deg,#292310,#113528 68%,var(--surface))}.service-qr{background:linear-gradient(145deg,#0a3327,var(--surface))}

.promo-section{margin-top:4px}.promo-carousel{margin-top:10px;touch-action:pan-y;user-select:none}.promo-track{height:228px;position:relative;overflow:hidden;border-radius:24px}
.promo-slide{position:absolute;inset:0;padding:0;border:1px solid #d7ba6650;border-radius:24px;opacity:0;pointer-events:none;transform:translateX(18px) scale(.985);transition:opacity .42s ease,transform .42s ease;overflow:hidden;color:#fff;background:linear-gradient(135deg,#102f25,#060d0b 62%,#181309)}
.promo-slide.is-active{opacity:1;pointer-events:auto;transform:none}.promo-slide:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 34%,#39d79a2e,transparent 37%),linear-gradient(90deg,#06110ef9 0%,#06110ed7 57%,transparent 100%);z-index:1}
.promo-slide.cards{background:linear-gradient(135deg,#1d261e,#050806 66%,#392a12)}.promo-slide.travel{background:linear-gradient(135deg,#112e25,#07100d 60%,#1b160b)}.promo-slide.crypto{background:linear-gradient(135deg,#0b3125,#050b09 62%,#151109)}.promo-slide.qr{background:linear-gradient(135deg,#114131,#08150f 62%,#0b231b)}.promo-slide.rewards{background:linear-gradient(135deg,#2c2410,#0a0b08 62%,#183a2c)}.promo-slide.lending{background:linear-gradient(135deg,#31240f,#0a0b08 62%,#123426)}
.promo-copy{position:relative;z-index:2;width:65%;height:100%;padding:17px 0 15px 17px;display:flex;flex-direction:column;align-items:flex-start}.promo-copy small{color:#e5c979;font-size:8px;font-weight:800;letter-spacing:.13em}.promo-copy h3{margin:8px 0 0;font-size:21px;line-height:1.06;letter-spacing:-.035em}.promo-copy p{margin:7px 0 0;color:#c7d4cd;font-size:10px;line-height:1.42}.promo-copy button{min-height:46px;margin-top:auto;padding:0;border:0;background:transparent;color:#f1d480;font-size:10px;font-weight:800;display:flex;align-items:center}.promo-copy button svg{width:15px;height:15px}
.promo-slide>img{position:absolute;z-index:0;width:260px;height:210px;object-fit:contain;right:-72px;bottom:-24px;filter:drop-shadow(0 20px 24px #000c)}.promo-slide.cards>img{width:270px;right:-85px;bottom:-12px}.promo-slide.travel>img{width:250px;right:-80px}.promo-slide.rewards>img{width:205px;height:230px;right:-44px;bottom:-51px}.promo-slide.lending>img{width:260px;right:-82px;bottom:-30px}.promo-glyph{position:absolute;z-index:0;right:24px;top:42px;width:105px;height:105px;border-radius:32px;display:grid;place-items:center;color:#c8ffea;background:linear-gradient(145deg,#25cc91,#0a4b38);box-shadow:0 25px 45px #0008,inset 0 1px 0 #fff6;transform:rotate(-7deg)}.promo-glyph svg{width:56px;height:56px}
.promo-controls{height:48px;display:grid;grid-template-columns:44px 1fr 44px 44px;align-items:center;gap:5px}.promo-controls>button{width:44px;height:44px;border:1px solid var(--hairline);border-radius:14px;background:var(--surface);display:grid;place-items:center}.promo-controls>button svg{width:17px;height:17px}.promo-dots{display:flex;align-items:center;justify-content:flex-start;gap:0;overflow-x:auto;scrollbar-width:none}.promo-dots::-webkit-scrollbar{display:none}.promo-dots button{width:44px;min-width:44px;height:44px;padding:0;border:0;background:transparent;position:relative}.promo-dots button:after{content:"";position:absolute;left:16px;top:19px;width:8px;height:6px;border-radius:99px;background:var(--nav-muted);transition:width .25s ease,background .25s ease}.promo-dots button[aria-selected="true"]:after{width:14px;background:var(--gold)}
.operations{margin-top:9px}

.service-banner.card-product{height:180px;background:linear-gradient(135deg,#171e18,#060806 62%,#382b12);color:#fff;border-color:#d5b45c46}.service-banner.card-product>div,.service-banner.lending>div{width:58%;padding:18px}.service-banner.card-product p,.service-banner.lending p{color:#cbd7d1}.service-banner.card-product img,.service-banner.lending img{position:absolute;width:235px;height:175px;object-fit:contain;right:-74px;bottom:-14px;filter:drop-shadow(0 18px 28px #000a)}.service-banner.lending{height:174px;background:linear-gradient(135deg,#2b210e,#07100d 64%,#123126);color:#fff;border-color:#d5b45c46}

.market-lending{width:100%;height:160px;margin-top:12px;padding:0;border:1px solid var(--gold-line);border-radius:22px;background:linear-gradient(135deg,#2c220f,#07110d 65%,#123629);position:relative;overflow:hidden;text-align:left;color:#fff}.market-lending:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d0bfa,#080d0bd9 58%,transparent);z-index:1}.market-lending>div{position:relative;z-index:2;width:65%;height:100%;padding:15px;display:flex;flex-direction:column;align-items:flex-start}.market-lending small{color:#dfc575;font-size:8px;font-weight:800;letter-spacing:.12em}.market-lending h2{margin:7px 0 0;font-size:19px}.market-lending p{margin:6px 0 0;color:#c8d3cd;font-size:9px;line-height:1.4}.market-lending span{margin-top:auto;color:#f0d381;font-size:9px;font-weight:800;display:flex;align-items:center}.market-lending span svg{width:14px;height:14px}.market-lending img{position:absolute;width:215px;height:155px;object-fit:contain;right:-62px;bottom:-18px;filter:drop-shadow(0 15px 22px #000a)}

.card-hero{height:272px;border:1px solid var(--gold-line);border-radius:25px;background:linear-gradient(145deg,#162118,#050806 62%,#362711);position:relative;overflow:hidden;color:#fff}.card-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070b09f7 0%,#070b09d8 53%,transparent 86%);z-index:1}.card-hero>div{position:relative;z-index:2;width:62%;height:100%;padding:18px;display:flex;flex-direction:column;align-items:flex-start}.card-hero .readiness{color:#e2c571;font-size:7px;font-weight:800;letter-spacing:.1em}.card-hero h2{margin:10px 0 0;font-size:27px;letter-spacing:-.04em}.card-hero p{margin:8px 0 0;color:#cbd4cf;font-size:10px;line-height:1.45}.card-hero button{min-height:44px;margin-top:auto;border:0;padding:0;background:transparent;color:#f0d27b;font-size:10px;font-weight:800;display:flex;align-items:center}.card-hero button svg{width:15px}.card-hero img{position:absolute;width:310px;height:245px;object-fit:contain;right:-120px;bottom:-8px;filter:drop-shadow(0 20px 28px #000b)}
.card-options{display:grid;gap:9px;margin-top:12px}.card-options button{min-height:76px;padding:11px;border:1px solid var(--hairline);border-radius:19px;background:var(--surface);display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:10px;text-align:left}.card-swatch{width:50px;height:34px;border-radius:9px;border:1px solid #e4c77870;box-shadow:0 8px 18px #0004}.card-swatch.black{background:linear-gradient(145deg,#17392d,#050806)}.card-swatch.gold{background:linear-gradient(145deg,#e3c36b,#684913)}.card-options b{display:block;font-size:12px}.card-options small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.card-options em{color:var(--mint);font-size:9px;font-style:normal}.benefit-list{margin-top:16px;padding:15px;border:1px solid var(--hairline);border-radius:20px;background:var(--surface)}.benefit-list h2{margin:0 0 10px;font-size:16px}.benefit-list p{margin:8px 0;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.benefit-list svg{width:17px;height:17px;color:var(--mint)}

.lending-visual{height:196px;border:1px solid var(--gold-line);border-radius:24px;background:linear-gradient(135deg,#2b220f,#07100d 62%,#15392b);position:relative;overflow:hidden;color:#fff}.lending-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080d0bf8,#080d0bdc 56%,transparent);z-index:1}.lending-visual>div{position:relative;z-index:2;width:58%;height:100%;padding:17px;display:flex;flex-direction:column;justify-content:center}.lending-visual small{color:#e0c374;font-size:8px;font-weight:800;letter-spacing:.12em}.lending-visual h2{margin:8px 0 0;font-size:21px}.lending-visual p{margin:7px 0 0;color:#c8d2cc;font-size:9px;line-height:1.42}.lending-visual img{position:absolute;width:250px;height:190px;object-fit:contain;right:-83px;bottom:-18px;filter:drop-shadow(0 18px 25px #000b)}
.loan-calculator,.condition-card{margin-top:12px;padding:15px;border:1px solid var(--hairline);border-radius:21px;background:var(--surface)}.loan-calculator label>span,.term-picker>span{display:block;color:var(--muted);font-size:10px}.loan-calculator label>strong{display:block;margin-top:6px;font-size:27px;letter-spacing:-.04em}.loan-calculator input[type="range"]{width:100%;height:28px;margin-top:11px;accent-color:var(--mint)}.term-picker{margin-top:14px}.term-picker>div{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.term-picker button{min-height:44px;border:1px solid var(--hairline);border-radius:12px;background:var(--field);color:var(--muted);font-size:9px}.term-picker button.on{border-color:var(--gold-line);background:var(--gold-soft);color:var(--gold)}.payment-preview{margin-top:14px;padding:13px;border-radius:16px;background:var(--field)}.payment-preview small,.payment-preview span{display:block;color:var(--muted);font-size:8px}.payment-preview strong{display:block;margin:5px 0;font-size:20px}.lending-result{text-align:center;padding:26px 6px 10px}.result-icon{width:62px;height:62px;margin:0 auto 15px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#31dda1,#0c7958);color:#03150e;box-shadow:0 15px 35px #16bf843b}.result-icon svg{width:28px;height:28px}.lending-result>small{color:var(--gold);font-size:8px;font-weight:800;letter-spacing:.12em}.lending-result h1{margin:8px 0 0;font-size:28px;letter-spacing:-.04em}.lending-result p{margin:8px 0 0;color:var(--muted);font-size:11px}.condition-card h2{margin:0 0 9px;font-size:16px}.condition-card div{min-height:48px;border-top:1px solid var(--hairline);display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px}.condition-card div span{color:var(--muted)}.condition-card div b{text-align:right}.truth-panel{margin-top:12px;padding:13px;border:1px solid var(--gold-line);border-radius:18px;background:var(--gold-soft);display:grid;grid-template-columns:38px 1fr;gap:10px}.truth-panel>span{width:38px;height:38px;border-radius:13px;background:var(--gold-soft-strong);color:var(--gold);display:grid;place-items:center}.truth-panel b{font-size:11px}.truth-panel p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.4}.text-button{width:100%;min-height:44px;margin-top:8px;border:0;background:transparent;color:var(--mint);font-size:11px;font-weight:700}

@media(max-width:340px){
  .topbar{padding-inline:7px;gap:4px}.brand span{display:none}.top-actions{gap:3px}.network-switcher{grid-template-columns:49px minmax(0,1fr) 11px;padding-right:5px}.network-switcher img{width:59px}.network-switcher small{font-size:6px}.network-switcher b{font-size:8px}.home-hero{height:286px}.home-hero .hero-copy{width:76%;padding-left:15px}.hero-balance-line strong{font-size:27px}.home-hero h1{font-size:21px}.home-hero>img{right:-124px}.service-mosaic{gap:7px}.service-shortcut{padding:10px;grid-template-columns:37px minmax(0,1fr) 14px;gap:7px}.service-shortcut>span{width:37px;height:37px}.promo-copy{width:69%;padding-left:15px}.promo-copy h3{font-size:19px}.promo-slide>img{right:-92px}.promo-controls{grid-template-columns:44px 1fr 44px 44px;gap:2px}.card-hero img{right:-137px}.market-lending img{right:-75px}
}
@media(prefers-reduced-motion:reduce){.promo-slide,.promo-dots button:after{transition:none!important}.promo-slide:not(.is-active){display:none}}

.market-tabs button,.ranges button{min-width:44px;min-height:44px}
.loan-calculator input[type="range"]{height:44px;margin-top:3px}
.support-card button{min-width:44px;min-height:44px}
.operations header button{min-width:44px}

/* Production candidate: compact first viewport and real sign-in */
.home-hero{height:186px;border-radius:23px}
.home-hero>img{width:285px;height:196px;right:-92px;bottom:-17px}
.home-hero .hero-copy{width:72%;padding:15px 0 13px 15px}
.home-hero .hero-copy>small{font-size:7px}
.hero-balance-line{margin-top:6px}.hero-balance-line strong{font-size:28px}.hero-delta{font-size:9px}
.home-hero h1{max-width:205px;margin-top:8px;font-size:18px;line-height:1.05}
.hero-cta{min-height:36px;font-size:9px}
.account-overview{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}
.account-overview>button{min-width:0;min-height:66px;padding:8px;border:1px solid var(--hairline);border-radius:17px;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:34px minmax(0,1fr) 13px;align-items:center;gap:7px;text-align:left;box-shadow:inset 0 1px 0 var(--inner-highlight),0 8px 20px var(--soft-shadow)}
.account-overview>button>svg{width:13px;color:var(--muted)}.account-overview>button>span:nth-child(2){min-width:0}.account-overview small{display:block;color:var(--gold);font-size:6px;font-weight:800;letter-spacing:.11em}.account-overview b{display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}
.product-visual{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#dbc06d,#6a4d17);color:#1b1407;display:grid;place-items:center;box-shadow:0 7px 15px #0004,inset 0 1px 0 #fff7}.product-visual svg{width:18px}.product-visual.usdt{border-radius:50%;background:linear-gradient(145deg,#5ce0b1,#087d5a);color:#062018;font-size:15px;font-weight:850}
.next-action{width:100%;min-height:52px;margin-top:7px;padding:6px 9px;border:1px solid rgba(84,220,166,.22);border-radius:16px;background:linear-gradient(110deg,rgba(27,79,60,.72),rgba(10,28,22,.85));display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;color:var(--ink)}.next-action>span:first-child{width:32px;height:32px;border-radius:11px;background:linear-gradient(145deg,#51d6a4,#0c6d4d);color:#052016;display:grid;place-items:center;box-shadow:0 8px 17px #0004}.next-action svg{width:17px}.next-action small{display:block;color:#92dabe;font-size:6px;font-weight:850;letter-spacing:.1em}.next-action b{display:block;margin-top:3px;font-size:9px}.next-action em{color:var(--mint);font-size:7px;font-style:normal;font-weight:800}
.promo-section{margin-top:0}.promo-section .section-heading{min-height:42px;margin-top:4px;align-items:center}.promo-section .section-heading small{font-size:6px}.promo-section .section-heading h2{margin-top:2px;font-size:15px}.promo-section .section-heading>span{padding:0;font-size:8px}
.promo-carousel{margin-top:2px}.promo-track{height:155px;border-radius:20px}.promo-slide{border-radius:20px}.promo-copy{width:68%;padding:12px 0 10px 13px}.promo-copy small{font-size:6px}.promo-copy h3{margin-top:5px;font-size:17px}.promo-copy p{margin-top:4px;font-size:8px;line-height:1.34}.promo-copy button{min-height:34px;font-size:8px}.promo-slide>img{width:205px;height:164px;right:-64px;bottom:-21px}.promo-slide.cards>img{width:215px;right:-70px;bottom:-10px}.promo-slide.rewards>img{width:158px;height:170px;right:-31px;bottom:-38px}.promo-glyph{right:19px;top:28px;width:78px;height:78px;border-radius:23px}.promo-glyph svg{width:40px;height:40px}
.promo-controls{height:28px;grid-template-columns:30px 1fr 30px 30px;gap:2px}.promo-controls>button{width:28px;height:28px;border:0;border-radius:9px;background:transparent;color:var(--muted)}.promo-controls>button svg{width:13px;height:13px}.promo-dots{justify-content:center;gap:0}.promo-dots button{width:24px;min-width:24px;height:28px}.promo-dots button:after{left:10px;top:12px;width:4px;height:4px}.promo-dots button[aria-selected="true"]:after{width:8px;left:8px}
.active-states{margin-top:13px}.active-states header{min-height:48px;display:flex;align-items:center}.active-states header small{color:var(--gold);font-size:7px;font-weight:800;letter-spacing:.11em}.active-states h2{margin:4px 0 0;font-size:17px}.active-states>button{width:100%;min-height:65px;padding:8px 2px;border:0;border-top:1px solid var(--hairline);background:transparent;display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:9px;text-align:left}.state-icon{width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#1d493a,#0d211b);color:#78e4ba;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff1}.state-icon svg{width:19px}.active-states b{display:block;font-size:11px}.active-states small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.active-states em{color:var(--mint);font-size:8px;font-style:normal;font-weight:750}
.service-shelf{margin-top:8px}.service-shelf>header{min-height:40px;display:flex;align-items:center;justify-content:space-between}.service-shelf h2{margin:0;font-size:16px}.service-shelf>header button{min-height:40px;padding:0;border:0;background:transparent;color:var(--mint);font-size:9px;font-weight:750}.service-shelf>div{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.service-shelf>div>button{min-width:0;min-height:70px;padding:6px 2px;border:1px solid var(--hairline);border-radius:15px;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--ink)}.service-shelf>div span{width:31px;height:31px;border-radius:11px;background:linear-gradient(145deg,#1d4738,#0b211a);color:#78dfb7;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff1}.service-shelf>div svg{width:16px}.service-shelf>div b{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px}
.status-rail{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.status-rail::-webkit-scrollbar{display:none}.status-rail>button{min-width:238px;min-height:72px;padding:9px;border:1px solid var(--hairline);border-radius:17px;background:linear-gradient(145deg,var(--surface-2),var(--surface));display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;text-align:left;align-items:center;gap:0 8px;scroll-snap-align:start}.status-rail .state-icon{grid-row:1/3}.status-rail b{display:block;font-size:10px}.status-rail small{display:block;margin-top:3px;color:var(--muted);font-size:8px}.status-rail em{grid-column:2;color:var(--mint);font-size:8px;font-style:normal;font-weight:750}
.product-rail{margin-top:15px}.product-rail>header{height:42px;display:flex;align-items:center;justify-content:space-between}.product-rail h2{margin:0;font-size:16px}.product-rail>header button{min-height:40px;border:0;background:transparent;color:var(--mint);font-size:9px;font-weight:750}.product-rail>div{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.product-rail>div::-webkit-scrollbar{display:none}.product-rail>div>button{min-width:154px;height:104px;padding:11px;border:1px solid var(--hairline);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),var(--surface));text-align:left;scroll-snap-align:start}.product-rail>div span{width:34px;height:34px;border-radius:12px;background:linear-gradient(145deg,#315e4d,#10271e);color:#83e7be;display:grid;place-items:center;box-shadow:inset 0 1px 0 #fff2}.product-rail>div svg{width:18px}.product-rail b{display:block;margin-top:9px;font-size:10px}.product-rail small{display:block;margin-top:3px;color:var(--muted);font-size:8px}
.home-hero~.operations>button{min-height:56px;grid-template-columns:38px minmax(0,1fr) auto}.home-hero~.operations .op-icon{width:34px;height:34px;border-radius:11px}.home-hero~.operations>button span:nth-child(2) small{margin-top:2px;font-size:8px}
.reward-grid button>span{border:1px solid rgba(240,211,127,.32);background:linear-gradient(145deg,#f1d786,#6f5018);color:#211706;box-shadow:0 10px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.55)}

.auth-shell{min-height:100%;padding:env(safe-area-inset-top) 16px calc(18px + env(safe-area-inset-bottom));position:relative;overflow:hidden;background:linear-gradient(180deg,#071611 0%,#040907 70%,#080a07 100%);color:#fff;display:flex;flex-direction:column}
.auth-header{height:68px;display:flex;align-items:center;gap:8px;position:relative;z-index:2}.auth-header .auth-mark{width:27px;height:32px;object-fit:contain}.auth-header>span{font-size:10px;font-weight:850;letter-spacing:.18em}.auth-header .round{margin-left:auto;color:#e7d28e;border-color:rgba(231,210,142,.24);background:rgba(255,255,255,.04)}
.auth-welcome-copy{position:relative;z-index:2;margin-top:34px}.auth-panel>small{color:#cbb875;font-size:8px;font-weight:750;letter-spacing:.12em}.auth-welcome-copy h1,.auth-panel h1{max-width:310px;margin:0;font-size:37px;line-height:.98;letter-spacing:-.05em}.auth-welcome-copy p,.auth-panel p{max-width:310px;margin:13px 0 0;color:#b9c4bf;font-size:12px;line-height:1.5}.auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.auth-benefits span{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;color:#d4dcd8}.auth-benefits b{font-size:8px;line-height:1.25;font-weight:650}.auth-benefits svg{width:16px;color:#b8a765}
.auth-welcome-mountain{position:absolute;width:430px;height:330px;object-fit:contain;right:-126px;bottom:90px;filter:saturate(.72) contrast(.92);opacity:.72}.auth-actions{margin-top:auto;position:relative;z-index:2;display:grid;gap:8px}.auth-primary,.auth-secondary{width:100%;min-height:52px;border-radius:16px;font-size:12px;font-weight:800}.auth-primary{border:1px solid #d1bb77;background:#d1bb77;color:#171207}.auth-primary:disabled{opacity:.55}.auth-secondary{border:1px solid rgba(255,255,255,.14);background:transparent;color:#d7dfdb}
.auth-panel{position:relative;z-index:2;margin-top:36px}.auth-back{width:44px;height:44px;margin-bottom:24px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.04);color:#fff;display:grid;place-items:center}.auth-back svg{width:18px}.auth-field{display:block;margin-top:27px}.auth-field>span{display:block;margin-bottom:7px;color:#b8c5bf;font-size:9px}.auth-field>div,.auth-code>input{height:56px;border:1px solid rgba(225,198,115,.3);border-radius:16px;background:rgba(255,255,255,.055);display:flex;align-items:center}.auth-field>div b{padding-left:15px;font-size:14px}.auth-field input{min-width:0;flex:1;height:100%;padding:0 14px;border:0;outline:0;background:transparent;color:#fff;font:700 16px/1 inherit}.auth-code>input{width:100%;letter-spacing:.36em;text-align:center;font-size:21px}.auth-panel>.auth-primary{margin-top:14px}.auth-panel>.auth-secondary{margin-top:8px}.auth-error{margin-top:10px;padding:10px 12px;border:1px solid rgba(255,132,112,.25);border-radius:12px;background:rgba(146,42,24,.18);color:#ffb4a6;font-size:9px;line-height:1.4}.auth-mountain{position:absolute;width:360px;height:270px;object-fit:contain;right:-130px;bottom:-30px;opacity:.75;filter:drop-shadow(0 24px 34px #000b)}

@media(max-width:340px){.home-hero{height:178px}.home-hero>img{right:-105px}.home-hero h1{font-size:17px}.account-overview b{font-size:8px}.promo-track{height:150px}.auth-welcome-copy h1,.auth-panel h1{font-size:33px}}
