:root{--tf-accent: #F1600E;--tf-accent-hi: #FF8A4C;--tf-accent-soft: rgba(241,96,14,.12);--tf-accent-grad: linear-gradient(145deg, #FF8A4C, #F1600E);--tf-bg-0: #090B0F;--tf-surface: #12171D;--tf-elevated: #1A212A;--tf-surface-hover: #171D25;--tf-border: #1E262F;--tf-border-hi: #262F3A;--tf-text: #EAF0F6;--tf-text-2: #9BA6B2;--tf-muted: #7B8794;--tf-faint: #5C6773;--tf-success: #2FD08A;--tf-success-soft: rgba(47,208,138,.13);--tf-error: #FF5C5C;--tf-error-soft: rgba(255,92,92,.13);--tf-info: #7DA2FF;--tf-r-sm: 12px;--tf-r-md: 16px;--tf-r-lg: 22px;--tf-shadow-card: 0 6px 20px rgba(0,0,0,.35);--tf-shadow-accent: 0 8px 22px rgba(241,96,14,.4);--tf-font-head: "Space Grotesk", system-ui, sans-serif;--tf-font-body: "Manrope", system-ui, sans-serif;--tf-fs-display: 24px;--tf-fs-title: 17px;--tf-fs-body: 15px;--tf-fs-sub: 14px;--tf-fs-cap: 12px;--tf-fs-mini: 11px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:var(--tf-font-body);font-size:var(--tf-fs-body);color:var(--tf-text);background:var(--tf-bg-0);-webkit-font-smoothing:antialiased}.app{max-width:480px;margin:0 auto;min-height:100vh;padding-bottom:88px}.screen{padding:8px 16px 24px}.centered{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:24px;color:var(--tf-text-2);font-size:var(--tf-fs-sub)}.h-display{font-family:var(--tf-font-head);font-weight:700;font-size:var(--tf-fs-display);letter-spacing:-.6px;margin:0}.h-title{font-family:var(--tf-font-head);font-weight:600;font-size:var(--tf-fs-title);margin:0}.text{font-size:var(--tf-fs-sub);color:var(--tf-text-2);line-height:1.5}.caption{font-size:var(--tf-fs-cap);color:var(--tf-muted)}.overline{font-family:var(--tf-font-head);font-weight:600;font-size:var(--tf-fs-mini);letter-spacing:1.5px;text-transform:uppercase;color:var(--tf-muted)}.card{background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-r-lg);padding:18px}.card--hero{position:relative;overflow:hidden;background:linear-gradient(155deg,#221a17,#15181e 60%);border-color:#33261d}.card--hero:after{content:"";position:absolute;top:-40px;right:-30px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(241,96,14,.35),transparent 70%)}.tile{background:#ffffff0a;border:1px solid var(--tf-border-hi);border-radius:var(--tf-r-md);padding:12px 10px}.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px;position:relative}.tile-value{font-family:var(--tf-font-head);font-weight:700;font-size:17px}.tile-label{font-size:11px;color:var(--tf-muted);margin-top:3px}.row{display:flex;align-items:center;gap:13px;background:var(--tf-surface);border:1px solid var(--tf-border);border-radius:var(--tf-r-md);padding:14px 15px;cursor:pointer;width:100%;text-align:left;font-family:var(--tf-font-body);color:var(--tf-text);transition:background .15s,border-color .15s,transform .1s}.row:hover{background:var(--tf-surface-hover);border-color:var(--tf-border-hi)}.row:active{transform:scale(.985)}.row__icon{width:40px;height:40px;border-radius:var(--tf-r-sm);flex-shrink:0;background:var(--tf-elevated);display:flex;align-items:center;justify-content:center}.row__title{font-weight:600;font-size:var(--tf-fs-sub)}.list{display:flex;flex-direction:column;gap:10px}.chip{font-size:10px;font-weight:600;letter-spacing:.5px;color:var(--tf-accent-hi);background:var(--tf-accent-soft);padding:2px 7px;border-radius:6px}.chip--info{color:var(--tf-info);background:#7da2ff1f}.badge{display:inline-flex;align-items:center;gap:7px;font-size:var(--tf-fs-cap);font-weight:600;padding:5px 11px;border-radius:20px;color:var(--tf-success);background:var(--tf-success-soft);border:1px solid rgba(47,208,138,.3)}.badge__dot{width:7px;height:7px;border-radius:50%;background:var(--tf-success);box-shadow:0 0 8px var(--tf-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;height:52px;border:none;border-radius:15px;font-family:var(--tf-font-body);font-weight:700;font-size:16px;cursor:pointer;transition:transform .1s,filter .15s,opacity .15s}.btn:active{transform:scale(.98)}.btn--primary{background:var(--tf-accent-grad);color:#fff;box-shadow:var(--tf-shadow-accent)}.btn--primary:hover{filter:brightness(1.05)}.btn--secondary{background:var(--tf-elevated);color:var(--tf-text);font-weight:600}.btn--secondary:hover{background:#202932}.btn--ghost{background:transparent;color:var(--tf-text);border:1px solid var(--tf-border-hi);font-weight:600}.btn--dashed{background:var(--tf-accent-soft);color:var(--tf-accent-hi);font-weight:600;border:1.5px dashed rgba(255,138,76,.5)}.btn:disabled,.btn--disabled{background:var(--tf-elevated);color:var(--tf-faint);box-shadow:none;cursor:not-allowed;transform:none;filter:none}.btn--sm{width:auto;height:40px;padding:0 20px;font-size:14px;border-radius:12px}.input{flex:1;height:46px;border-radius:12px;border:1px solid var(--tf-border-hi);background:#0d1116;color:var(--tf-text);padding:0 15px;font-family:var(--tf-font-body);font-size:var(--tf-fs-sub);outline:none;transition:border-color .15s}.input:focus{border-color:var(--tf-accent)}.input-row{display:flex;gap:9px}.msg{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500}.msg--ok{color:var(--tf-success)}.msg--err{color:var(--tf-error)}.pay{display:flex;align-items:center;gap:12px;border:1px solid var(--tf-border-hi);border-radius:13px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s;background:none;width:100%;text-align:left;font-family:var(--tf-font-body);color:var(--tf-text)}.pay--active{border:1.5px solid var(--tf-accent);background:var(--tf-accent-soft)}.pay__radio{width:20px;height:20px;border-radius:50%;border:1.5px solid #3A4450;flex-shrink:0}.pay--active .pay__radio{border:none;background:var(--tf-accent);display:flex;align-items:center;justify-content:center}.tariff--best{position:relative;background:linear-gradient(155deg,#241a15,#15181e);border:1px solid var(--tf-accent);box-shadow:0 10px 30px #f1600e2e}.tariff__ribbon{position:absolute;top:-11px;right:16px;background:var(--tf-accent-grad);color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 11px;border-radius:8px}.tabbar{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:flex;background:#0c0f13eb;border-top:1px solid var(--tf-elevated);padding:10px 12px calc(22px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--tf-faint);background:none;border:none;cursor:pointer;font-family:var(--tf-font-body);font-size:var(--tf-fs-mini);font-weight:500;transition:color .15s}.tab svg{width:24px;height:24px}.tab--active{color:var(--tf-accent);font-weight:600}.empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 32px;gap:8px}.empty__icon{width:96px;height:96px;border-radius:28px;margin-bottom:16px;background:radial-gradient(circle at 50% 30%,#241a15,#12171d);border:1px solid #33261D;display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #f1600e40}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#06080bb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center}.modal-sheet{width:100%;max-width:480px;background:var(--tf-surface);border:1px solid var(--tf-border-hi);border-top-left-radius:26px;border-top-right-radius:26px;padding:22px 22px calc(30px + env(safe-area-inset-bottom,0px))}.modal-grabber{width:40px;height:4px;border-radius:4px;background:#2c3540;margin:0 auto 20px}.qr-frame{background:#fff;border-radius:18px;padding:16px;display:flex;justify-content:center}.step{display:flex;gap:15px}.step__num{width:38px;height:38px;flex-shrink:0;border-radius:12px;background:var(--tf-elevated);border:1px solid var(--tf-border-hi);color:var(--tf-text-2);font-family:var(--tf-font-head);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center}.step__num--active{background:var(--tf-accent-soft);border-color:#f1600e59;color:var(--tf-accent-hi)}.step__num--done{background:var(--tf-success-soft);border-color:#2fd08a59;color:var(--tf-success)}.step__body{flex:1}.step__title{font-weight:600;font-size:15px}.step__text{font-size:13px;color:var(--tf-text-2);margin-top:4px;line-height:1.5}.step__links{display:flex;gap:8px;margin-top:11px;flex-wrap:wrap}
