.auth{display:flex;min-height:100vh}
.auth-hero{flex:1 1 46%;max-width:620px;background:radial-gradient(1200px 600px at 0% 0%,#123A33 0%,#0E131A 45%,#0B0F14 100%);border-right:1px solid var(--line2);padding:36px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.auth-hero h2{font-size:30px;line-height:1.2;letter-spacing:-.02em;margin:0 0 12px;max-width:440px}
.auth-hero p{font-size:14px;max-width:440px;margin:0 0 24px}
.feat{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px;max-width:440px}
.feat li{display:flex;gap:12px;align-items:flex-start;line-height:1.5}
.feat svg{flex:none;margin-top:2px}
.auth-main{flex:1 1 54%;display:flex;align-items:center;justify-content:center;padding:32px 20px}
.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}
.auth-card h1{font-size:24px;margin:0}
.auth-card .sub{margin:-10px 0 0;color:var(--mut)}
.auth-card form{display:flex;flex-direction:column;gap:14px}
.auth-card input[type=email],.auth-card input[type=text],.auth-card input[type=password]{min-height:44px;font-size:14px;width:100%}
.auth-card .btn{min-height:44px;justify-content:center;font-weight:600;font-size:14px;width:100%}
.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:8px;background:#fff;color:#1F1F1F;text-decoration:none;font-weight:600;font-size:14px;border:1px solid #DADCE0}
.gbtn:hover{background:#F2F4F7;color:#1F1F1F}
.or{display:flex;align-items:center;gap:12px;color:var(--mut);font-size:12px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}
.pwrow{position:relative}.pwrow input{padding-right:64px}
.pwrow button{position:absolute;right:6px;top:50%;transform:translateY(-50%);font:inherit;font-size:12px;background:transparent;border:0;color:var(--acc);min-height:32px;padding:0 8px;cursor:pointer}
.meter{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--mut)}.meter b{flex:1;height:4px;border-radius:3px;background:var(--row);overflow:hidden;display:block}.meter i{display:block;height:100%;width:0}
.chk{flex-direction:row;align-items:flex-start;gap:10px;line-height:1.5}.chk input{min-height:auto;width:18px;height:18px;margin-top:2px;accent-color:var(--acc)}
.msg{padding:10px 12px;border-radius:8px;font-size:13px;line-height:1.5}.msg.err{background:#3A1E12;color:#FFC9A0}.msg.ok{background:#12302A;color:var(--acc2)}
.foot{text-align:center;color:var(--mut)}
@media (max-width:860px){.auth-hero{display:none}.auth-main{padding:28px 18px}}
.social{display:flex;flex-direction:column;gap:10px}
.sbtn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:10px;background:#11161D;color:var(--txt);text-decoration:none;font-weight:600;font-size:14px;border:1px solid #2A3644;transition:background .15s,border-color .15s}
.sbtn:hover{background:#161D26;border-color:#3A4757;color:var(--txt)}
.steps{display:flex;gap:6px;align-items:center;font-size:12px;color:var(--mut)}
.steps .st{display:flex;align-items:center;gap:6px}
.steps .n{width:22px;height:22px;border-radius:50%;border:1px solid #2A3644;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}
.steps .st.on{color:var(--txt)}.steps .st.on .n{background:var(--acc);border-color:var(--acc);color:#0B0F14}
.steps .line{flex:1;height:1px;background:#2A3644;min-width:14px}
.req{list-style:none;margin:2px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;font-size:12px;color:var(--mut)}
.req li{display:flex;align-items:center;gap:6px}.req li:before{content:"";width:14px;height:14px;border-radius:50%;border:1px solid #3A4757;flex:none}
.req li.ok{color:var(--acc2)}.req li.ok:before{background:var(--acc);border-color:var(--acc);box-shadow:inset 0 0 0 3px #0B0F14}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:480px){.two{grid-template-columns:1fr}.req{grid-template-columns:1fr}}
.fine{font-size:11.5px;color:var(--mut);text-align:center;line-height:1.5}