:root{--bg: #edeff3;--surface: #ffffff;--surface-soft: #f7f8fb;--surface-strong: #0a0b0d;--surface-strong-2: #14161b;--line: #dde2ea;--line-strong: #cdd5df;--text: #0f1218;--text-soft: #566172;--text-faint: #7f8896;--accent: #0052ff;--accent-soft: #dce8ff;--accent-glow: rgba(0, 82, 255, .18);--gold: #d5a15a;--gold-2: #f3ddb5;--success: #0d8f5a;--success-soft: #dcf7ea;--warning: #b35f07;--warning-soft: #fff1de;--danger: #c73c33;--danger-soft: #ffe7e4;--shadow-xl: 0 36px 90px rgba(15, 18, 24, .17);--shadow-lg: 0 18px 42px rgba(15, 18, 24, .12);--shadow-md: 0 10px 24px rgba(15, 18, 24, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 16px;--radius-sm: 12px;--safe-top: max(20px, env(safe-area-inset-top));--safe-bottom: max(18px, env(safe-area-inset-bottom))}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Manrope,sans-serif;background:radial-gradient(circle at top left,rgba(0,82,255,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(213,161,90,.22),transparent 30%),linear-gradient(180deg,#f7f8fb,#eceff4);color:var(--text)}button,input{font:inherit}button{border:0;cursor:pointer}#root{min-height:100vh}.experience{min-height:100vh;display:grid;grid-template-columns:minmax(0,360px) minmax(0,430px);justify-content:center;gap:28px;padding:28px}.studio{display:flex;flex-direction:column;justify-content:center;gap:18px}.studio__panel{background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.8);border-radius:28px;box-shadow:var(--shadow-lg);padding:28px}.studio__badge{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#0a0b0deb;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.studio__badge-dot{width:9px;height:9px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#fff0cf);box-shadow:0 0 0 4px #d5a15a29}.studio h1{margin:18px 0 12px;font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.04em}.studio p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.65}.studio__chips,.menu__chips{display:flex;flex-wrap:wrap;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--text);font-size:12px;font-weight:700}.chip__dot{width:8px;height:8px;border-radius:999px;background:var(--accent)}.chip--soft{color:var(--text-soft);font-weight:600}.phone-stage{display:flex;align-items:center;justify-content:center}.phone{width:100%;max-width:430px;min-height:880px;border-radius:40px;background:linear-gradient(180deg,#ffffff2e,#ffffff0f),linear-gradient(180deg,#0b0c10,#1a1d24);box-shadow:var(--shadow-xl);padding:10px;position:relative}.phone:before{content:"";position:absolute;top:12px;left:50%;transform:translate(-50%);width:126px;height:34px;border-radius:999px;background:#050607;z-index:5}.phone__screen{min-height:860px;border-radius:32px;background:var(--bg);overflow:hidden;position:relative}.screen{min-height:860px;display:flex;flex-direction:column;position:relative}.screen--dark{background:radial-gradient(circle at top center,rgba(0,82,255,.22),transparent 38%),#0a0b0d;color:#fff}.statusbar{padding:calc(var(--safe-top) + 4px) 24px 8px;display:flex;align-items:center;justify-content:space-between;font-size:15px;font-weight:700;letter-spacing:-.01em}.statusbar--dark{color:#fff}.statusbar__icons{display:flex;align-items:center;gap:8px}.screen__body{flex:1;display:flex;flex-direction:column;padding:0 22px 18px}.screen__body--spaced{gap:18px}.screen__footer{padding:14px 22px calc(var(--safe-bottom) + 12px)}.home-indicator{width:138px;height:5px;border-radius:999px;background:#0a0b0d38;margin:0 auto 10px}.screen--dark .home-indicator{background:#ffffffa3}.stack{display:flex;flex-direction:column;gap:14px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-soft)}.muted-light{color:#ffffffb8}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.screen--dark .eyebrow{color:#ffffff80}.title{margin:0;font-size:28px;line-height:1.08;letter-spacing:-.03em}.subtitle{margin:0;color:var(--text-soft);font-size:14px;line-height:1.58}.screen--dark .subtitle{color:#ffffffbd}.brand-lockup{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brand-lockup img{width:34px;height:34px}.brand-lockup--logo img{width:124px;height:auto;display:block;filter:drop-shadow(0 10px 24px rgba(0,82,255,.18))}.auth-logo{width:148px;height:auto;display:block;margin:0 auto 18px}.orb{width:228px;height:228px;margin:36px auto 28px;border-radius:999px;position:relative;background:radial-gradient(circle,rgba(0,82,255,.26),transparent 67%)}.orb__core{position:absolute;inset:32px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.orb__ring{width:84px;height:84px;border-radius:999px;border:1.6px solid rgba(255,255,255,.76);position:relative}.orb__ring:before,.orb__ring:after{content:"";position:absolute;border-radius:999px}.orb__ring:before{width:22px;height:22px;background:var(--accent);right:-10px;bottom:-2px}.orb__ring:after{width:16px;height:16px;border:1.4px solid rgba(255,255,255,.48);left:-4px;bottom:-12px}.slide-dots{display:flex;justify-content:center;gap:8px;margin:18px 0 20px}.slide-dots span{width:7px;height:7px;border-radius:999px;background:#ffffff42;transition:all .16s ease}.slide-dots .is-active{width:22px;background:var(--gold)}.btn{min-height:54px;border-radius:16px;padding:14px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:800;letter-spacing:-.01em;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:#fff;box-shadow:0 12px 24px #0052ff3d}.btn--secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn--ghost{background:transparent;color:inherit;border:1px solid rgba(255,255,255,.28)}.btn--dark{background:#0a0b0deb;color:#fff}.btn--block{width:100%}.icon-btn{width:40px;height:40px;border-radius:12px;display:inline-grid;place-items:center;background:#0a0b0d0f;color:var(--text)}.icon-btn--dark{background:#ffffff14;color:#fff}.steps{display:flex;gap:8px;flex:1;max-width:120px}.steps span{height:6px;flex:1;border-radius:999px;background:#d7dfe8}.steps .is-active,.steps .is-done{background:var(--accent)}.card{background:var(--surface);border:1px solid rgba(255,255,255,.76);border-radius:22px;box-shadow:var(--shadow-md);padding:18px}.card--dark{background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.1);color:#fff}.card--outline{border:1px solid var(--line);box-shadow:none}.card--soft{background:var(--surface-soft);border:1px solid var(--line);box-shadow:none}.hero-card{background:linear-gradient(180deg,#0a0b0dfa,#15181ef5);color:#fff;border-radius:24px;padding:18px;box-shadow:0 18px 36px #0a0b0d38}.hero-card__progress{height:8px;border-radius:999px;background:#ffffff1f;overflow:hidden}.hero-card__progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--gold),#fff1cd)}.wallet-hero{background:radial-gradient(circle at top right,rgba(0,82,255,.24),transparent 34%),linear-gradient(180deg,#0a0b0dfa,#15181ef5)}.wallet-hero__header{align-items:flex-start}.wallet-hero__chip{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#ffffffd1;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.wallet-hero__chip-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,var(--gold),#fff2d0);box-shadow:0 0 0 4px #d5a15a29}.wallet-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.wallet-hero__stat{padding:16px;border-radius:18px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.wallet-hero__label{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffff8a}.wallet-hero__value{margin-top:10px;font-size:24px;font-weight:800;letter-spacing:-.04em}.wallet-hero__meta{margin-top:6px;color:#ffffffad;font-size:12px;line-height:1.45}.wallet-hero__actions{display:flex;gap:12px;margin-top:18px}.wallet-hero__secondary{background:#ffffff14;color:#fff;border-color:#ffffff1f}.wallet-card{background:linear-gradient(180deg,#fffffffa,#f7f8fbfa),var(--surface)}.wallet-card__value{margin-top:4px;font-size:30px;font-weight:800;letter-spacing:-.05em}.wallet-card__cta{min-width:122px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat{padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.stat__label{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.stat__value{margin-top:8px;font-size:22px;font-weight:800;letter-spacing:-.03em}.stat__sub{margin-top:4px;color:var(--text-soft);font-size:12px}.field{display:flex;flex-direction:column;gap:8px}.field__label{font-size:12px;font-weight:700;color:var(--text-soft)}.input,.pill-input{min-height:56px;border-radius:16px;border:1px solid var(--line);background:var(--surface);padding:16px;font-size:16px;color:var(--text)}.input:focus{outline:2px solid rgba(0,82,255,.18);border-color:#0052ff80}.helper{font-size:12px;color:var(--text-faint);line-height:1.45}.helper--error{color:var(--danger)}.control{display:flex;gap:12px;align-items:flex-start;border-radius:16px;background:var(--surface-soft);padding:14px;border:1px solid var(--line)}.checkbox{width:20px;height:20px;border-radius:6px;border:1px solid var(--line-strong);flex:0 0 auto;margin-top:2px;background:#fff;position:relative}.checkbox.is-selected{background:var(--accent);border-color:var(--accent)}.checkbox.is-selected:after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(42deg)}.otp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.otp__cell{min-height:62px;border-radius:16px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;font-size:24px;font-weight:800}.otp__cell--input{width:100%;padding:0;text-align:center;caret-color:var(--accent);transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.otp__cell--input:focus{outline:none;border-color:#0052ff75;box-shadow:0 0 0 4px #0052ff1f;transform:translateY(-1px)}.otp__cell--input::selection{background:#0052ff2e}.pin-dots{display:flex;justify-content:center;gap:16px;margin:20px 0 8px}.pin-dots span{width:14px;height:14px;border-radius:999px;background:#d2d9e2}.pin-dots .is-filled{background:var(--surface-strong)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:auto}.pin-pad button{min-height:62px;border-radius:20px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:22px;font-weight:800}.sheet-scrim,.menu-scrim{position:absolute;inset:0;background:#0a0b0d42;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sheet,.menu{position:absolute;left:12px;right:12px;bottom:10px;border-radius:28px;background:#fffffff5;border:1px solid rgba(255,255,255,.8);box-shadow:var(--shadow-xl);padding:14px 16px 18px}.menu{top:110px;bottom:auto;max-height:640px;overflow:auto}.sheet__grabber,.menu__grabber{width:54px;height:5px;margin:2px auto 16px;border-radius:999px;background:#d8dee7}.menu__section{margin-top:16px}.menu__label{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.menu__list{display:flex;flex-direction:column;gap:8px}.menu__list button{width:100%;text-align:left;min-height:48px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);padding:0 14px;font-size:14px;font-weight:700}.toast{position:absolute;left:14px;right:14px;bottom:130px;border-radius:16px;background:#0a0b0df0;color:#fff;display:flex;align-items:center;gap:10px;padding:14px 16px;box-shadow:var(--shadow-xl);font-size:13px;font-weight:700}.banner{display:flex;align-items:center;gap:10px;border-radius:16px;padding:12px 14px;background:var(--warning-soft);color:var(--warning);font-size:12px;font-weight:800}.banner--success{background:var(--success-soft);color:var(--success)}.banner--danger{background:var(--danger-soft);color:var(--danger)}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button{min-height:40px;border-radius:999px;padding:0 14px;background:var(--surface);border:1px solid var(--line);color:var(--text-soft);font-size:13px;font-weight:800}.tabs .is-active{background:var(--surface-strong);border-color:var(--surface-strong);color:#fff}.price-chart{height:84px;border-radius:18px;background:linear-gradient(180deg,#0052ff1a,#0052ff00),var(--surface);border:1px solid var(--line);position:relative;overflow:hidden}.price-chart svg{position:absolute;inset:0}.list{display:flex;flex-direction:column;gap:10px}.list-row{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--surface);border:1px solid var(--line)}.list-row__icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--surface-soft);color:var(--surface-strong);flex:0 0 auto}.pill-row{display:flex;gap:8px;overflow:auto;padding-bottom:2px}.pill-row button{min-height:38px;border-radius:999px;padding:0 14px;border:1px solid var(--line);background:var(--surface);color:var(--text-soft);font-size:13px;font-weight:800;white-space:nowrap}.pill-row .is-active{background:var(--accent-soft);border-color:#0052ff47;color:var(--accent)}.amount{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1}.tiny{font-size:11px}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:auto;padding-top:12px}.bottom-nav button{min-height:62px;border-radius:18px;background:#0a0b0d0a;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-soft);font-size:11px;font-weight:800}.bottom-nav .is-active{background:#0052ff14;border-color:#0052ff33;color:var(--accent)}.route-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#ffffff14;font-size:11px;color:#fffc}.metric{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0;padding-bottom:0}.avatar{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,var(--surface-strong),var(--accent));color:#fff;display:grid;place-items:center;font-size:20px;font-weight:800}.progress-list{display:flex;flex-direction:column;gap:12px}.progress-item{display:flex;align-items:center;gap:12px}.progress-item__dot{width:18px;height:18px;border-radius:999px;border:2px solid rgba(255,255,255,.26);flex:0 0 auto}.progress-item.is-done .progress-item__dot{background:linear-gradient(135deg,var(--gold),#fff1cc);border-color:transparent}.progress-item.is-current .progress-item__dot{border-color:var(--gold);box-shadow:0 0 0 4px #d5a15a2e}.hidden-mobile{display:block}@media(max-width:960px){.experience{grid-template-columns:1fr;justify-items:center;padding:0;gap:0}.studio{display:none}.phone-stage{width:100%}.phone{max-width:100%;min-height:100vh;border-radius:0;padding:0}.phone:before{top:10px;z-index:20}.phone__screen,.screen{min-height:100vh;border-radius:0}.menu{top:auto;bottom:10px}}@media(max-width:420px){.brand-lockup--logo img,.auth-logo{width:116px}.wallet-hero__grid,.wallet-hero__actions{grid-template-columns:1fr;flex-direction:column}.wallet-card .spread{flex-direction:column;align-items:flex-start}.wallet-card__cta{width:100%}}