:root{color:var(--seven-text-primary,#f7f8fa);background:var(--seven-bg-canvas,#071524);font-synthesis:none;text-rendering:optimizelegibility;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:Inter,Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{background:radial-gradient(circle at 80% 0,#00c2ff38,#0000 42%),linear-gradient(160deg,#071524 0%,#0c263a 100%);min-height:100vh}button{color:#04111d;min-height:48px;font:inherit;background:#54d5ff;border:0;border-radius:14px;padding:0 24px;font-weight:700}button:disabled{cursor:wait;opacity:.55}.app-shell{width:min(100%,560px);min-height:100vh;padding:max(24px, var(--safe-top)) max(18px, var(--safe-right)) max(24px, var(--safe-bottom)) max(18px, var(--safe-left));margin:0 auto}.content{gap:20px;display:grid}.hero{padding:36px 6px 12px}.hero h1,.state-card h1,.state-card h2{margin:8px 0;line-height:1.1}.hero h1{font-size:clamp(32px,9vw,48px)}.eyebrow{color:#54d5ff;letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.state-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a1f30db;border:1px solid #ffffff1f;border-radius:24px;padding:24px;box-shadow:0 20px 60px #0000003d}.state-card--center{text-align:center;place-content:center;min-height:calc(100vh - 48px);display:grid}.state-card p{color:#b9c8d4;line-height:1.55}dl{gap:12px;margin:24px 0 0;display:grid}dl div{border-top:1px solid #ffffff1a;justify-content:space-between;gap:16px;padding-top:12px;display:flex}dt{color:#8fa5b5}dd{margin:0;font-weight:700}.spinner{border:3px solid #54d5ff33;border-top-color:#54d5ff;border-radius:50%;width:36px;height:36px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.stack{gap:16px;display:grid}.tabs{background:#ffffff12;border-radius:16px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.tabs button{color:#9eb1bf;background:0 0}.tabs .tabs__button--active{color:#04111d;background:#54d5ff}.bank-card{background:linear-gradient(135deg,#54d5ff40,#0000 48%),linear-gradient(145deg,#183a52,#0b1d2c);border:1px solid #ffffff29;border-radius:24px;min-height:210px;padding:22px;position:relative;overflow:hidden;box-shadow:0 20px 44px #00000047}.bank-card header,.bank-card footer,.product-price{justify-content:space-between;align-items:center;gap:12px;display:flex}.bank-card footer{margin-top:42px}.card-balance{color:#fff;margin:28px 0 0;font-size:32px;font-weight:800}.status-pill{color:#ffd8d8;background:#ff5a5a29;border-radius:999px;padding:6px 9px;font-size:12px}.status-pill--active{color:#a9ffd7;background:#29ce8429}.status-reason{margin-bottom:0;font-size:13px}.primary-action{width:100%}.empty-state,.product-card{background:#0a1f30c7;border:1px solid #ffffff1c;border-radius:20px;padding:22px}.product-card{gap:18px;display:grid}.product-card h2{margin:6px 0}.product-card p{color:#b9c8d4;margin:6px 0 0}.product-price strong{font-size:24px}.product-price button:disabled{cursor:not-allowed;opacity:.45}.icon-button{color:#fff;background:0 0;min-width:44px;min-height:44px;padding:0;font-size:28px;position:absolute;top:12px;right:12px}.purchase-flow{z-index:20;width:min(100%,560px);padding:max(24px, var(--safe-top)) max(18px, var(--safe-right)) max(24px, var(--safe-bottom)) max(18px, var(--safe-left));color:#f7f8fa;background:#071524;margin:0 auto;position:fixed;inset:0;overflow-y:auto}.purchase-flow__header{padding-right:48px;position:relative}.purchase-flow__header h2,.success-view h3{margin:7px 0 22px;font-size:28px}.purchase-form,.invoice-view,.success-view{gap:16px;display:grid}.purchase-form label{color:#b9c8d4;gap:7px;font-size:14px;font-weight:650;display:grid}.purchase-form input:not([type=radio]){color:#fff;width:100%;min-height:48px;font:inherit;background:#ffffff12;border:1px solid #ffffff29;border-radius:12px;outline:none;padding:11px 13px}.purchase-form input:focus{border-color:#54d5ff;box-shadow:0 0 0 3px #54d5ff24}.form-grid{gap:14px;display:grid}.form-grid--two{grid-template-columns:minmax(0,1fr) minmax(100px,.6fr)}.payment-methods{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;display:grid}.payment-methods legend{color:#b9c8d4;grid-column:1/-1;margin-bottom:8px;font-size:14px}.payment-methods label{border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;min-height:48px;padding:10px 12px;display:flex}.checkout-total,.invoice-amount{margin:6px 0 0;font-size:20px}.invoice-amount{color:#54d5ff;font-size:32px;font-weight:800}.form-note{color:#8fa5b5;margin:0;font-size:13px;line-height:1.45}.form-error{color:#ffb1b1;margin:0}.address-box{background:#ffffff12;border-radius:14px;gap:8px;padding:16px;display:grid}.address-box span{color:#8fa5b5;font-size:13px}.address-box code{overflow-wrap:anywhere;color:#fff;font-size:13px}.secondary-action,.danger-action{color:#d9f7ff;background:#54d5ff21;width:100%}.danger-action{color:#ffbcbc;background:#ff4d4d1f}.success-view{text-align:center;align-content:center;min-height:60vh}.success-mark{color:#071524;background:#75efbd;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto;font-size:34px;font-weight:900;display:grid}.bank-card--interactive{cursor:pointer}.bank-card--interactive:focus-visible{outline-offset:3px;outline:3px solid #54d5ff}.purchase-form select{color:#fff;width:100%;min-height:48px;font:inherit;background:#102c40;border:1px solid #ffffff29;border-radius:12px;padding:11px 13px}.card-details{z-index:20;width:min(100%,560px);padding:max(20px,var(--safe-top)) max(18px,var(--safe-right)) max(24px,var(--safe-bottom)) max(18px,var(--safe-left));color:#f7f8fa;background:#071524;margin:0 auto;position:fixed;inset:0;overflow-y:auto}.card-details__header{align-items:center;gap:14px;margin-bottom:18px;display:flex}.card-details__header h2{margin:4px 0 0}.back-button{color:#fff;background:#ffffff14;width:48px;min-width:48px;padding:0;font-size:25px}.detail-tabs{gap:6px;padding-bottom:5px;display:flex;overflow-x:auto}.detail-tabs button{white-space:nowrap;color:#aabcc8;background:#ffffff12;min-height:42px;padding:0 15px}.detail-tabs .detail-tabs__active{color:#061522;background:#54d5ff}.detail-panel{gap:16px;margin-top:18px;display:grid}.bank-card--detail{min-height:230px}.full-card-number{letter-spacing:.04em;font-size:clamp(14px,4vw,18px)}.details-list{background:#ffffff0f;border-radius:16px;margin:0;padding:0 16px}.details-list div:first-child{border-top:0}.details-list dd{text-align:right;overflow-wrap:anywhere}.transaction-list{background:#ffffff0f;border-radius:16px;gap:2px;display:grid;overflow:hidden}.transaction-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.transaction-row:last-child{border-bottom:0}.transaction-row div{gap:5px;min-width:0;display:grid}.transaction-row small,.muted{color:#8fa5b5}.transaction-row>strong{white-space:nowrap}.transaction-row .credit{color:#75efbd}.transaction-row .declined{color:#ff9d9d;text-decoration:line-through}.success-view.compact{min-height:45vh}.kyc-status{text-align:center;align-content:center;justify-items:center;gap:14px;min-height:60vh;display:grid}.kyc-status h3,.kyc-status p{margin:0}.kyc-status p{color:#b9c8d4;max-width:420px;line-height:1.55}.kyc-status__mark{color:#071524;background:#54d5ff;border-radius:50%;place-items:center;width:68px;height:68px;font-size:30px;display:grid}.kyc-status__mark--error{color:#fff;background:#b5414d}.file-field{background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:14px}.file-field input{background:0 0!important;border:0!important;min-height:auto!important;padding:8px 0 0!important}.file-field span{color:#8fa5b5;font-size:12px}.form-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.bonus-entry{color:#dff9ff;background:#54d5ff1f;align-items:center;gap:6px;width:100%;min-height:44px;margin-top:14px;padding:0 14px;display:flex}.bonus-entry span{margin-left:auto}.bonus-content{gap:16px;display:grid}.bonus-balance-card{background:linear-gradient(135deg,#54d5ff3d,#75efbd14);border-radius:22px;gap:8px;padding:22px;display:grid}.bonus-balance-card>span{color:#b9c8d4}.bonus-balance-card>strong{font-size:36px}.bonus-friends-link{color:#dff9ff;background:#ffffff17;justify-self:start;min-height:38px;padding:0 14px}.bonus-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;gap:14px;padding:18px;display:grid}.bonus-section h3{margin:0}.bonus-section label{color:#b9c8d4;gap:8px;font-size:14px;display:grid}.bonus-section input,.bonus-section select{color:#fff;width:100%;min-width:0;min-height:46px;font:inherit;background:#102c40;border:1px solid #ffffff24;border-radius:12px;padding:10px 12px}.copy-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.copy-row button{min-height:46px;padding:0 14px}.bonus-progress{gap:8px;display:grid}.bonus-progress div{justify-content:space-between;gap:12px;font-size:13px;display:flex}.bonus-progress progress{accent-color:#54d5ff;width:100%}.bonus-rules ol{color:#b9c8d4;margin:0;padding-left:20px;line-height:1.55}.friend-list{gap:8px;display:grid}.friend-row{background:#ffffff0f;border-radius:14px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.friend-row div{gap:4px;display:grid}.friend-row small{color:#8fa5b5}.friend-avatar{color:#071524;background:#54d5ff;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.friend-row .credit,.success-message{color:#75efbd}.success-message{background:#75efbd1a;border-radius:12px;padding:12px}.onboarding{z-index:40;width:min(100%,560px);min-height:100vh;padding:max(42px,var(--safe-top)) max(24px,var(--safe-right)) max(32px,var(--safe-bottom)) max(24px,var(--safe-left));text-align:center;background:radial-gradient(circle at 50% 15%,#54d5ff38,#0000 32%),#071524;align-content:center;gap:20px;margin:0 auto;display:grid;position:fixed;inset:0}.onboarding h1{margin:0;font-size:clamp(30px,9vw,44px);line-height:1.08}.onboarding__visual{background:linear-gradient(145deg,#54d5ff3d,#75efbd14);border:1px solid #54d5ff59;border-radius:42px;place-items:center;width:150px;height:150px;margin:0 auto 10px;display:grid;transform:rotate(8deg)}.onboarding__visual span{color:#75efbd;font-size:74px;font-weight:800;transform:rotate(-8deg)}.onboarding__points{text-align:left;gap:10px;display:grid}.onboarding__points p{color:#dbe7ee;background:#ffffff12;border-radius:14px;align-items:center;gap:12px;min-height:58px;margin:0;padding:12px 14px;display:flex}.onboarding__points span{color:#75efbd;font-weight:900}.onboarding__dots{justify-content:center;gap:7px;display:flex}.onboarding__dots i{background:#516574;border-radius:99px;width:7px;height:7px}.onboarding__dots i.active{background:#54d5ff;width:24px}.settings-list{gap:8px}.settings-row{color:#fff;text-align:left;background:#ffffff12;grid-template-columns:minmax(0,1fr) auto 14px;align-items:center;gap:8px;min-height:62px;padding:10px 15px;display:grid}.settings-row small{color:#8fa5b5;font-weight:400}.settings-row b{color:#54d5ff;font-size:24px}.payment-qr{background:#fff;border-radius:16px;width:min(240px,80vw);height:auto;margin:0 auto;padding:10px}