:root{--bg:#070b16;--card:#0d1426;--line:#1d2a4d;--ink:#eef2ff;--muted:#8a96b8;--blue:#2459ff;--green:#19c37d}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 "Instrument Sans",system-ui,sans-serif}
.auth{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}
.side{position:relative;overflow:hidden;padding:44px 56px;display:flex;flex-direction:column;background:radial-gradient(70% 60% at 20% 10%,rgba(36,89,255,.35),transparent 60%),radial-gradient(60% 50% at 90% 90%,rgba(25,195,125,.22),transparent 60%),#0a1022;border-right:1px solid var(--line)}
.side img.logo{height:34px;align-self:flex-start}
.side h2{font:800 40px/1.08 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin:auto 0 14px;max-width:460px}
.side h2 em{font-style:normal;color:#5be3a6}
.side p{color:var(--muted);max-width:440px;margin:0 0 26px}
.ticks{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:10px}
.ticks li{display:flex;gap:10px;align-items:center}.ticks li::before{content:"";width:20px;height:20px;border-radius:50%;background:rgba(25,195,125,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' stroke='%235be3a6' stroke-width='2.2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat;flex:none}
.live{background:rgba(13,20,38,.85);border:1px solid var(--line);border-radius:18px;padding:16px 18px;max-width:420px;margin-bottom:auto;box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.live .h{display:flex;justify-content:space-between;color:var(--muted);font:500 12px "JetBrains Mono",monospace;letter-spacing:.06em}
.live .h b{color:#5be3a6;display:flex;gap:6px;align-items:center}.live .h b::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(25,195,125,.2)}
.live .n{font:800 34px "Bricolage Grotesque",system-ui,sans-serif;margin:6px 0 10px}.live .n span{font:400 14px "Instrument Sans",system-ui,sans-serif;color:var(--muted);margin-left:8px}
.live .r{display:flex;justify-content:space-between;font-size:14px;padding:8px 0;border-top:1px solid var(--line)}.live .r span{color:var(--muted)}
.foot{color:var(--muted);font-size:13px;margin-top:28px}
.main{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px}
.form{width:100%;max-width:400px}
.form h1{font:800 32px/1.15 "Bricolage Grotesque",sans-serif;letter-spacing:-.02em;margin:0 0 6px}
.form .sub{color:var(--muted);margin:0 0 28px}
label{display:block;font-weight:600;font-size:14px;margin:0 0 7px}
.field{margin-bottom:18px;position:relative}
input[type=email],input[type=password],input[type=text],input[type=url],input:not([type]){width:100%;background:#0a1020;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;padding:13px 14px;outline:none;transition:border .15s,box-shadow .15s}
input:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,89,255,.18)}
.pw{position:relative}.eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);cursor:pointer;font:600 13px inherit}
.row{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 22px;font-size:14px}
.row label{display:flex;gap:8px;align-items:center;font-weight:500;margin:0;color:var(--muted)}
a{color:#7ea2ff;text-decoration:none}a:hover{text-decoration:underline}
.btn{width:100%;border:0;border-radius:12px;background:var(--blue);color:#fff;font:600 16px "Instrument Sans",system-ui,sans-serif;padding:14px;cursor:pointer;box-shadow:0 12px 26px -12px rgba(36,89,255,.8)}
.alt{text-align:center;color:var(--muted);margin-top:22px;font-size:15px}
.note{display:flex;gap:8px;align-items:center;justify-content:center;color:var(--muted);font-size:13px;margin-top:26px}
.hint{color:var(--muted);font-size:13px;margin-top:6px}
.meter{height:4px;border-radius:4px;background:#1a2440;margin-top:8px;overflow:hidden}.meter i{display:block;height:100%;width:70%;background:linear-gradient(90deg,var(--blue),var(--green))}
.terms{font-size:13px;color:var(--muted);margin:4px 0 20px}
.badge{display:inline-flex;gap:6px;align-items:center;background:rgba(25,195,125,.12);color:#5be3a6;border:1px solid rgba(25,195,125,.3);border-radius:99px;padding:4px 12px;font-size:13px;font-weight:600;margin-bottom:16px}
.links{display:flex;gap:16px;justify-content:center;margin-top:34px;font-size:13px}.links a{color:var(--muted)}
@media(max-width:900px){.auth{grid-template-columns:1fr}.side{display:none}.main{min-height:100vh}.mlogo{display:block!important}}
.mlogo{display:none;height:30px;margin:0 auto 28px}
.form>a{display:block}
.lab{display:flex;justify-content:space-between;align-items:baseline}.lab a{font-size:14px}
select{width:100%;background:#0a1020;border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;padding:13px 14px;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a96b8' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
select:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,89,255,.18)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:500;font-size:14px;color:var(--muted);margin:0 0 14px;cursor:pointer}
.check input{margin-top:3px;width:16px;height:16px;accent-color:var(--blue);flex:none}
.cf-turnstile{margin:6px 0 16px}
.btn{display:block;text-align:center;text-decoration:none}
.msg{border-radius:12px;padding:12px 14px;font-size:14px;margin:0 0 18px}
.msg.err{background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.35);color:#ffb4b6}
.msg.ok{background:rgba(25,195,125,.12);border:1px solid rgba(25,195,125,.35);color:#8ff0c4}
.msg a{color:#fff;text-decoration:underline}
.gbtn{display:flex;gap:10px;align-items:center;justify-content:center;width:100%;background:#fff;color:#1f1f1f;border-radius:12px;padding:13px;font-weight:600;text-decoration:none!important;margin-bottom:6px}
.gbtn:hover{background:#f1f3f6}
.or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:16px 0}.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.big-ico{width:56px;height:56px;border-radius:16px;background:rgba(36,89,255,.15);display:grid;place-items:center;font-size:26px;margin-bottom:18px}
input.code{font:600 22px "JetBrains Mono",monospace;letter-spacing:.3em;text-align:center}
.meter i{width:0;transition:width .2s}
.msg ul{margin:0;padding-left:18px}.msg li+li{margin-top:4px}