/* МИШРУМ ПЭЙ — страницы входа и регистрации */
*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html,body{background:#000;color:#fff;font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;min-height:100vh}
body{display:flex;justify-content:center;padding:calc(env(safe-area-inset-top) + 28px) 20px calc(env(safe-area-inset-bottom) + 28px)}
.box{width:100%;max-width:420px;display:flex;flex-direction:column;gap:22px;margin:auto 0}
.logo{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.06em;font-size:.95rem}
.logo-mark{width:44px;height:44px;border-radius:14px;background:#fff;color:#000;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:1.05rem;letter-spacing:0}
h1{font-size:2rem;line-height:1.1;font-weight:900;letter-spacing:-.02em}
.sub{color:#999;font-size:.92rem;line-height:1.45;margin-top:-10px}
.f{display:flex;flex-direction:column;gap:6px}
.f label{font-size:.74rem;color:#999;letter-spacing:.08em;text-transform:uppercase;font-weight:700}
.f input{width:100%;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:14px;padding:15px 14px;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .15s}
.f input:focus{border-color:#fff}
.f input[type=date]{color-scheme:dark}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn{width:100%;border:none;border-radius:16px;padding:16px;font-family:inherit;font-size:1rem;font-weight:800;cursor:pointer;background:#fff;color:#000;transition:transform .1s,opacity .15s}
.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:default}
.btn.ghost{background:transparent;color:#fff;border:1px solid #2a2a2a;font-weight:700}
.err{color:#fff;background:#1c1c1c;border:1px solid #3a3a3a;border-radius:12px;padding:11px 13px;font-size:.86rem;display:none}
.err.on{display:block}
.link{color:#fff;text-decoration:underline;text-underline-offset:3px;background:none;border:none;font:inherit;cursor:pointer;font-size:.9rem}
.foot{text-align:center;color:#999;font-size:.9rem}
.note{color:#666;font-size:.76rem;line-height:1.5;text-align:center}
.note a{color:#999}
.step{display:none;flex-direction:column;gap:16px}.step.on{display:flex}
.code{letter-spacing:.5em;text-align:center;font-size:1.6rem!important;font-weight:900;font-variant-numeric:tabular-nums}
.ava{display:flex;align-items:center;gap:14px}
.ava-pic{width:64px;height:64px;border-radius:50%;background:#161616;border:1px dashed #444;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#777;font-size:1.4rem;flex-shrink:0}
.ava-pic img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#0d0d0d;border:1px solid #2a2a2a;border-radius:14px;padding:4px;gap:4px}
.tab{padding:11px;border:none;border-radius:10px;background:transparent;color:#999;font-family:inherit;font-weight:700;font-size:.88rem;cursor:pointer}
.tab.on{background:#fff;color:#000}