.su{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;padding:0 24px calc(24px + var(--sab));background:var(--bg)}
.su-top{height:56px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:var(--top) 0 0}
.su-top .ib{min-width:44px;display:inline-block}.su-top .icon-btn{margin-inline-start:-8px}.su-top .a-lang{margin-inline-end:-8px}
.su-dots{display:flex;gap:6px}.su-dots i{width:6px;height:6px;border-radius:50%;background:var(--hair);transition:.2s}.su-dots i.on{background:var(--brand);width:16px;border-radius:3px}
.su-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}
.su-hero h1{font-size:var(--fs-hero);font-weight:700;letter-spacing:-.02em}
.su-inv{font-size:var(--fs-s);color:var(--ink-2)}.su-inv b{color:var(--ink)}
.su-ok{width:84px;height:84px;border-radius:50%;background:var(--brand-soft);color:var(--brand-ink);display:flex;align-items:center;justify-content:center}
.su-ok .i{width:44px;height:44px}
.su-bt{margin-top:auto;display:flex;flex-direction:column;gap:6px;padding-top:16px}
.su-form{display:flex;flex-direction:column;flex:1}
.su-h{font-size:var(--fs-page);font-weight:700;letter-spacing:-.02em;margin:8px 0 14px}
.su-row{display:flex;align-items:center;gap:8px;background:var(--fill);border-radius:14px;height:48px;padding:0 12px;margin-bottom:10px}
.su .su-in{flex:1;min-width:0;height:100%;background:none;border:0;border-radius:0;outline:0;box-shadow:none;padding:0;font-size:var(--fs-title);color:var(--ink)}
.su .su-in::placeholder{color:var(--ink-3)}.su .su-in.code{letter-spacing:.3em;font-weight:600}.su .su-in.code::placeholder{letter-spacing:0;font-weight:400}
.su-row .cc-pick{position:relative;display:inline-flex;align-items:center;gap:4px;color:var(--brand-ink);font-weight:600;font-size:var(--fs-title);flex:none}
.su-row .cc-pick select{position:absolute;inset:0;opacity:0;width:100%;height:100%;border:0;padding:0}
.su-ic{color:var(--brand-icon);display:flex}
.su-rs{font-size:var(--fs-s);font-weight:600;color:var(--brand-ink);white-space:nowrap}.su-rs[disabled]{color:var(--ink-3);font-weight:500}
.su .btn[disabled]{opacity:.4;box-shadow:none;pointer-events:none}
.su .dob-l{margin:2px 0 8px}.su .dob-l>span{display:block;font-size:var(--fs-xs);color:var(--ink-3);padding:0 4px 6px}
.su .live{margin:4px 0 6px;gap:10px}.su #live-say{min-height:26px;font-size:var(--fs-page);font-weight:650;text-align:center}
.su-cons{margin-top:auto;display:flex;flex-direction:column;gap:8px;padding-top:10px}
.su-ag{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-xs);line-height:17px;color:var(--ink-2)}
.su-ag input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.su-ag i{flex:none;width:18px;height:18px;border-radius:5px;background:var(--fill-field);color:transparent;display:flex;align-items:center;justify-content:center}
.su-ag i .i{width:14px;height:14px;stroke-width:3}
.su-ag input:checked+i{background:var(--brand-btn);color:var(--on-brand)}.su-ag input:focus-visible+i{outline:2px solid var(--brand);outline-offset:2px}
.su-ag a,.su-tiny a,.su-gate a{color:var(--brand-ink);font-weight:600;cursor:pointer}
.su-tiny{font-size:var(--fs-xs);line-height:17px;color:var(--ink-3)}
.su-gate{font-size:var(--fs-s);line-height:21px;color:var(--ink-2);margin:0 0 14px}
.su-doc{padding-bottom:12px}.su-doc h3{font-size:var(--fs-title);line-height:22px;font-weight:700;margin:18px 0 6px}
.su-doc p{font-size:var(--fs-s);line-height:20px;color:var(--ink-2);margin:0 0 8px}.su-doc ul{font-size:var(--fs-s);line-height:20px;color:var(--ink-2);margin:0 0 8px;padding-inline-start:18px}.su-doc .su-tiny{margin-bottom:6px}
[dir=rtl] .su .su-in.code{letter-spacing:.2em}
.sim-lock{position:fixed;inset:0;z-index:9000;max-width:none;padding-top:var(--sat)}
.sim-num{font-size:var(--fs-title);font-weight:600;color:var(--ink-2)}
.un-sug:empty{display:none}.un-sug{margin:6px 0 4px}.un-err{color:var(--danger);font-size:var(--fs-s);font-weight:600;margin:0 2px 6px}
.un-chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.un-chips::-webkit-scrollbar{display:none}
.un-chip{flex:none;border:0;border-radius:var(--rad-pill);background:var(--brand-soft);color:var(--brand-ink);font:600 var(--fs-sub)/20px var(--font);padding:7px 14px;cursor:pointer}
.un-chip.prem{display:inline-flex;align-items:center;gap:4px;text-decoration:none}.un-chip.prem .i{width:15px;height:15px}.un-err.prem{color:var(--brand-ink)}
.un-more{display:flex;align-items:center;gap:10px;width:100%;border:0;background:none;padding:10px 2px;color:var(--brand-ink);font:600 var(--fs-body)/20px var(--font);cursor:pointer}.un-more span{flex:1;text-align:start}
