@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap";:root{--bg: #0d1b2a;--bg-mid: #1b263b;--bg-end: #415a77;--bg-soft: rgba(8, 18, 34, .78);--panel: rgba(19, 38, 59, .72);--panel-strong: rgba(24, 47, 71, .88);--panel-muted: rgba(27, 53, 80, .82);--panel-soft: rgba(255, 255, 255, .08);--ink: #f8fbff;--muted: rgba(248, 251, 255, .72);--muted-strong: rgba(248, 251, 255, .88);--border: rgba(196, 219, 244, .18);--glass-border: rgba(255, 255, 255, .22);--shadow: 0 24px 60px rgba(4, 12, 24, .38);--shadow-lg: 0 28px 72px rgba(4, 12, 24, .5);--primary: #7dd3fc;--primary-deep: #38bdf8;--secondary: #a78bfa;--accent: #5eead4;--accent-strong: #38bdf8;--accent-soft: rgba(94, 234, 212, .14);--teal: #5eead4;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 12px;color-scheme:dark;color:var(--ink);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);background-color:var(--bg);background:radial-gradient(circle at 12% 18%,rgba(125,211,252,.28),transparent 34%),radial-gradient(circle at 82% 74%,rgba(167,139,250,.24),transparent 30%),radial-gradient(circle at 50% -4%,rgba(94,234,212,.12),transparent 26%),linear-gradient(145deg,var(--bg) 0%,var(--bg-mid) 44%,var(--bg-end) 100%);background-attachment:fixed}body:before,body:after{content:"";position:fixed;z-index:-1;border-radius:999px;pointer-events:none;filter:blur(12px)}body:before{top:-8rem;left:-5rem;width:26rem;height:26rem;background:radial-gradient(circle,rgba(125,211,252,.18) 0%,rgba(125,211,252,.05) 48%,transparent 72%)}body:after{right:-6rem;bottom:-7rem;width:30rem;height:30rem;background:radial-gradient(circle,rgba(167,139,250,.22) 0%,rgba(167,139,250,.04) 52%,transparent 74%)}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}code{padding:.15rem .4rem;border-radius:999px;background:#ffffff14;color:var(--primary)}.app-shell{min-height:100vh;position:relative}.topbar{position:sticky;top:1rem;z-index:10;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;width:min(1180px,calc(100% - 2rem));margin:1rem auto 0;padding:1rem 1.35rem;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff1a,#ffffff08),var(--panel);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);box-shadow:var(--shadow)}.brandmark{display:inline-flex;align-items:center;gap:.85rem}.brandmark__badge{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:1rem;border:1px solid rgba(125,211,252,.2);background:linear-gradient(160deg,#7dd3fc47,#5eead42e),#ffffff14;box-shadow:inset 0 1px #ffffff2e,0 18px 32px #060d1b47;color:var(--primary);font-weight:800;letter-spacing:.08em}.brandmark strong,.section-title,.hero-card h1,.split-hero h1,.setup-card h1,.payment-placeholder h3,.ui-card h2,.ui-card h3{font-family:Sora,Manrope,sans-serif}.brandmark small{display:block;color:var(--muted)}.topbar__nav,.topbar__actions,.hero-actions,.inline-actions,.payment-placeholder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.topbar__link,.topbar__signin,.link-inline{font-weight:700}.topbar__link{padding:.72rem .92rem;border:1px solid transparent;border-radius:999px;color:var(--muted);transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.topbar__link:hover,.topbar__link:focus-visible{color:var(--ink);background:#ffffff0f;border-color:#ffffff14;transform:translateY(-1px)}.topbar__link.is-active{color:var(--ink);border-color:#7dd3fc38;background:#7dd3fc1f;box-shadow:inset 0 1px #ffffff14}.topbar__signin{padding:.78rem 1rem;border:1px solid rgba(125,211,252,.2);border-radius:999px;background:#7dd3fc1f;color:var(--ink)}.topbar__signout{padding:.78rem 1rem;border:1px solid rgba(125,211,252,.2);background:#7dd3fc1f}.link-inline{color:var(--primary)}.topbar__user{padding:.45rem .78rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:#ffffff0d;color:var(--muted-strong);font-size:.92rem}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1.5rem 0 4rem}.page-shell--centered{display:flex;align-items:center;justify-content:center;min-height:50vh}.page-stack,.form-stack,.stack-grid,.meta-stack,.hero-card,.split-hero,.content-grid,.checkout-grid{display:grid;gap:1.25rem}.hero-card,.split-hero__intro,.split-hero__panel,.setup-card{padding:1.6rem;border:1px solid var(--glass-border);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffff1a,#ffffff08),var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.hero-card{grid-template-columns:1.7fr 1fr;align-items:stretch}.hero-card--compact,.split-hero{grid-template-columns:1fr 1fr}.hero-card__brand{display:flex;align-items:center;gap:1rem}.hero-card__spotlight{display:grid;align-content:start;gap:.75rem;background:linear-gradient(180deg,#7dd3fc24,#a78bfa1a);border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14}.hero-card__list{margin:0;padding-left:1.1rem;color:var(--muted)}.section-eyebrow,.empty-state__eyebrow{margin:0 0 .4rem;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-copy,.ui-card p,.empty-state__body,.callout{color:var(--muted)}.ui-card{padding:1.2rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff17,#ffffff08),var(--panel-strong);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.brand-grid,.denomination-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.content-grid{grid-template-columns:1.4fr 1fr}.checkout-grid{grid-template-columns:1.4fr .85fr;align-items:start}.toolbar-card,.detail-card,.wallet-card,.payment-placeholder{animation:rise-in .32s ease both}.brand-card{height:100%;display:grid;gap:1rem}.card-link{display:block;transition:transform .18s ease}.card-link:hover,.card-link:focus-visible{transform:translateY(-3px)}.brand-card__media{display:inline-flex;align-items:center;justify-content:center;width:4.25rem;height:4.25rem;overflow:hidden;border-radius:1.2rem;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,#7dd3fc2e,#5eead41f),#ffffff14;box-shadow:inset 0 1px #ffffff29;color:var(--ink);font-size:1.1rem;font-weight:800}.brand-card__media img{width:100%;height:100%;object-fit:cover}.brand-card__media--large{width:5rem;height:5rem}.brand-card__media--hero{width:4.8rem;height:4.8rem;border-color:#fff3;background:#ffffff1f;color:#fff}.brand-card__hero{position:relative;min-height:13.5rem;padding:1.2rem;overflow:hidden;border-radius:calc(var(--radius-lg) - 2px);background:linear-gradient(140deg,var(--brand-start, #7049ff),var(--brand-end, #3613c2));box-shadow:inset 0 1px #ffffff24,0 18px 34px #0b12223d}.brand-card__hero:after{content:"";position:absolute;inset:auto -18% -36% 38%;height:72%;border-radius:999px;background:radial-gradient(circle,#ffffff38,#fff0)}.brand-card__hero-frame{position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.24);border-radius:calc(var(--radius-md) + 2px)}.brand-card__hero-inner{position:relative;z-index:1;display:grid;justify-items:center;align-content:center;min-height:100%;gap:.7rem;text-align:center}.brand-card__hero-title{max-width:11ch;color:#fff;font-family:Sora,Manrope,sans-serif;font-size:1.3rem;line-height:1.12;text-shadow:0 8px 18px rgba(0,0,0,.2)}.brand-card__hero-subtitle{color:#ffffffc7;font-size:.92rem;font-weight:600}.brand-card__content{display:grid;gap:.55rem}.brand-card__content p{margin-bottom:0}.brand-card__eyebrow{margin:0;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.brand-card__content h3{margin:0}.brand-card__footer{display:flex;justify-content:space-between;gap:.75rem;color:var(--muted);font-size:.92rem;font-weight:700;padding-top:.35rem}.brand-card__footer span:last-child{color:var(--primary)}.denomination-card{display:grid;gap:1rem}.denomination-card[role=button]{cursor:pointer}.denomination-card__panel{display:grid;gap:.9rem;height:100%}.denomination-card.is-selected .denomination-card__panel{border-color:#7dd3fc52;background:linear-gradient(180deg,#7dd3fc24,#ffffff0a)}.denomination-slider{display:grid;gap:.65rem}.denomination-slider__value{display:grid;grid-template-columns:1fr auto 1fr;gap:.75rem;align-items:center;color:var(--muted);font-size:.9rem}.denomination-slider__value strong{color:var(--ink)}.denomination-slider__input{width:100%;accent-color:var(--primary)}.selected-denomination-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.choice-row{display:flex;flex-wrap:wrap;gap:.75rem}.choice-chip{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.8rem 1.1rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;color:var(--muted-strong);cursor:pointer;font-weight:700;box-shadow:inset 0 1px #ffffff0d}.choice-chip.is-active{border-color:#7dd3fc47;background:#7dd3fc24;color:var(--ink)}.checkbox-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;color:var(--muted-strong)}.checkbox-pill input{accent-color:var(--primary)}.ui-button{display:inline-flex;align-items:center;justify-content:center;min-height:2.95rem;padding:.8rem 1.15rem;border:1px solid transparent;border-radius:20px;cursor:pointer;font-weight:800;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,border-color .16s ease}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:disabled{cursor:not-allowed;opacity:.65}.ui-button--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--bg);box-shadow:0 14px 28px #38bdf842}.ui-button--secondary{border-color:#ffffff1f;background:#ffffff14;color:var(--ink);box-shadow:inset 0 1px #ffffff14}.ui-button--ghost{background:transparent;color:var(--primary)}.ui-button--full{width:100%}.button-link{display:inline-flex;align-items:center;justify-content:center;min-height:2.95rem;padding:.8rem 1.15rem;border-radius:20px;font-weight:800}.button-link--primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:var(--bg);box-shadow:0 14px 28px #38bdf842}.ui-input{width:100%;padding:.88rem 1rem;border:1px solid rgba(196,219,244,.22);border-radius:var(--radius-sm);background:#1b3550c7;color:var(--ink);box-shadow:inset 0 1px #ffffff0d}.ui-input::placeholder{color:#f8fbff6b}.ui-input:focus{outline:none;border-color:#7dd3fca8;box-shadow:0 0 0 4px #7dd3fc1f}select.ui-input option{color:#0d1b2a}.ui-textarea{min-height:8rem;resize:vertical}.ui-field{display:grid;gap:.45rem}.ui-field__label{font-weight:700}.ui-field__hint{color:var(--muted);font-size:.9rem}.ui-field__error,.form-error{color:var(--danger);font-weight:700}.ui-badge{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:999px;font-size:.8rem;font-weight:800}.ui-badge--accent{background:#7dd3fc29;color:var(--primary)}.ui-badge--success{background:#4ade8029;color:var(--success)}.ui-badge--warning{background:#fbbf242e;color:var(--warning)}.ui-badge--danger{background:#f8717129;color:var(--danger)}.ui-badge--neutral{background:#ffffff14;color:var(--muted-strong)}.ui-spinner{width:2.4rem;height:2.4rem;border:3px solid rgba(125,211,252,.16);border-top-color:var(--primary);border-radius:50%;animation:spin .9s linear infinite}.wallet-card__header,.meta-grid{display:grid;gap:.75rem}.wallet-card__header h3,.wallet-card__header p,.ui-card h2,.ui-card h3{margin:0}.toolbar-card--catalog{grid-template-columns:minmax(0,1fr) minmax(220px,260px) auto;align-items:center}.catalog-sort-select{min-width:0}.catalog-filter-card__header,.section-header,.profile-summary-card__header,.profile-referral-card__header{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:1rem}.catalog-filter-grid,.wallet-copy-grid,.wallet-funding-grid,.wallet-balance-grid,.profile-detail-grid{display:grid;gap:1rem}.catalog-filter-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.wallet-balance-panel,.wallet-topup-card,.profile-summary-card,.profile-referral-card,.profile-actions-card,.profile-edit-card,.transaction-detail-card{display:grid;gap:1rem}.wallet-balance-panel h2{margin:0;font-size:clamp(2rem,6vw,3.2rem)}.wallet-balance-grid,.wallet-copy-grid,.wallet-funding-grid,.profile-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.wallet-bucket-panel,.wallet-funding-stat,.profile-referral-code{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#ffffff0f}.wallet-bucket-panel__icon,.transaction-icon-badge,.profile-detail-row__icon,.recipient-card-row__icon{display:inline-flex;align-items:center;justify-content:center;min-width:2.6rem;height:2.6rem;border-radius:.95rem;border:1px solid rgba(125,211,252,.14);background:#7dd3fc1f;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.02em}.wallet-bucket-panel strong,.wallet-funding-stat strong,.profile-referral-code strong{display:block;font-size:1.1rem}.wallet-bucket-panel span,.wallet-funding-stat span,.profile-referral-code__label{color:var(--muted);font-size:.9rem}.section-stack,.wallet-transaction-card{display:grid;gap:1rem}.wallet-transaction-card__header{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}.wallet-transaction-card__header p{margin:.35rem 0 0;color:var(--muted)}.wallet-transaction-card__meta{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--muted);font-size:.88rem}.wallet-transaction-card__meta span{padding:.35rem .65rem;border-radius:999px;background:#ffffff0f}.wallet-transaction-card__amount{font-size:1.3rem;font-weight:800}.wallet-transaction-card__amount.is-credit{color:var(--success)}.profile-status-pill{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;border-radius:999px;background:#7dd3fc24;color:var(--ink);font-size:.88rem;font-weight:800}.profile-detail-row,.recipient-card-row{display:flex;gap:.9rem;align-items:start}.profile-detail-row div,.recipient-card-row div{display:grid;gap:.2rem}.profile-detail-row span:not(.profile-detail-row__icon),.recipient-card-row span:not(.recipient-card-row__icon){color:var(--muted);font-size:.88rem}.profile-detail-row strong,.recipient-card-row strong{font-size:1rem}.action-list{display:grid;gap:.85rem}.auth-intent-row{margin-bottom:.25rem}.account-deleted-card{max-width:720px}.action-button{justify-content:center}.action-button--danger{color:var(--danger)}.wallet-funding-panel{display:grid;gap:1rem;padding:1rem;border-radius:var(--radius-md);border:1px solid rgba(125,211,252,.14);background:#7dd3fc14}.recipient-card-grid{display:grid;gap:1rem}.recipient-card-row--message{padding-top:.5rem;border-top:1px solid var(--border)}.transaction-detail-card__hero{display:flex;align-items:center;gap:1rem}.order-list-card{display:grid;gap:1rem}.wallet-card__header{grid-template-columns:1fr auto;align-items:start}.meta-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.meta-grid span{display:block;color:var(--muted);font-size:.82rem}.meta-grid strong{display:block}.callout{padding:.95rem 1rem;border-radius:var(--radius-sm);border:1px solid rgba(125,211,252,.14);background:#7dd3fc14;color:var(--muted-strong)}.callout--warning{border-color:#fbbf242e;background:#fbbf241a}.callout--success{border-color:#4ade8029;background:#4ade801a}.empty-state{text-align:center;padding:2rem}.empty-state__title{margin-top:0}.setup-card{max-width:680px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:920px){.hero-card,.hero-card--compact,.split-hero,.content-grid,.checkout-grid{grid-template-columns:1fr}.topbar{padding:1rem}.toolbar-card--catalog,.selected-denomination-card{grid-template-columns:1fr}.page-shell{width:min(100% - 1rem,1180px);padding-top:1rem}.topbar__nav{width:100%;justify-content:center}}