body{min-height:100vh;background:radial-gradient(900px 500px at 100% 0,rgba(30,110,200,.22),transparent 60%),radial-gradient(700px 500px at 0 100%,rgba(90,60,200,.16),transparent 65%),var(--bg)}
.mtop{border-bottom:1px solid var(--line)}
.mtop .wrap{display:flex;justify-content:space-between;align-items:center;height:80px;max-width:1460px}
.mtop .logo{font-size:21px}
.mtop .logo .mark{width:36px;height:36px}
.mwrap{padding-block:clamp(40px,8vh,116px)}
.mcard{display:grid;grid-template-columns:1fr 1fr;max-width:1120px;margin:0 auto;border:1px solid rgba(80,150,220,.28);border-radius:22px;overflow:hidden;background:#0b1322;box-shadow:0 40px 100px -40px rgba(0,0,0,.9)}
.mleft{position:relative;padding:88px 76px;background:radial-gradient(500px 360px at 0 0,rgba(40,120,200,.35),transparent 70%),radial-gradient(400px 300px at 100% 100%,rgba(90,70,200,.18),transparent 70%),#0d1a2e;border-right:1px solid var(--line);overflow:hidden}
.mleft h1{font-size:clamp(40px,5vw,58px);letter-spacing:-.05em;line-height:1.02;margin:22px 0 28px}
.mleft p{color:#a9b8cb;font-size:16px;line-height:1.75;margin:0 0 54px;max-width:440px}
.mleft ul{list-style:none;padding:0;margin:0;display:grid;gap:16px;font-size:13.5px;color:#d8e1ec}
.mleft ul li::before{content:"✓ "}
.mleft .ghost{position:absolute;right:-30px;bottom:-60px;width:220px;height:220px;opacity:.12;transform:rotate(12deg)}
.mright{padding:66px 62px}
.mright .bigmark{width:52px;height:52px;border-radius:12px;background:#060b14;border:1px solid var(--line);display:grid;place-items:center;margin-bottom:26px}
.mright h2{font-size:30px;letter-spacing:-.03em;margin:0 0 12px}
.mright .sub{color:var(--muted);font-size:13.5px;margin:0 0 50px}
.fld{display:grid;gap:8px;margin-bottom:22px}
.fld label{font-size:12px;font-weight:700}
.fld input{height:48px;border-radius:8px;border:1px solid rgba(120,170,220,.25);background:#070d18;color:var(--text);padding:0 14px;font:14px var(--f-body)}
.fld input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(64,224,238,.12)}
.forgot{display:inline-block;color:var(--cyan);font-size:13.5px;margin:-4px 0 28px}
.mright .btn-grad{height:48px;font-size:14px}
.mright hr{border:0;border-top:1px solid var(--line);margin:28px 0 22px}
.alt{text-align:center;font-size:12.5px;color:var(--muted)}
.alt a,.alt button{color:var(--cyan);background:none;border:0;padding:0;font-size:inherit}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
select.sel{height:48px;border-radius:8px;border:1px solid rgba(120,170,220,.25);background:#070d18;color:var(--text);padding:0 12px;font:14px var(--f-body)}
@media (max-width:900px){.mcard{grid-template-columns:1fr}.mleft{padding:48px 28px}.mright{padding:44px 24px}.row2{grid-template-columns:1fr}}
.fld textarea,.fld select{border-radius:8px;border:1px solid rgba(120,170,220,.25);background:#070d18;color:var(--text);padding:12px 14px;font:14px var(--f-body)}
.fld select{height:48px;padding:0 12px}
.fld .err,.form-err{color:#ff7a85;font-size:12.5px;margin:0}
.fld input[aria-invalid="true"]{border-color:#ff7a85}
.flash{border-radius:10px;padding:12px 14px;font-size:13.5px;margin:0 0 22px;line-height:1.55}
.flash.ok{background:rgba(64,224,238,.1);border:1px solid rgba(64,224,238,.35);color:#c8f6fb}
.flash.bad{background:rgba(255,100,110,.1);border:1px solid rgba(255,100,110,.35);color:#ffc2c8}
.chk{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:-6px 0 22px}
.chk input{accent-color:var(--blue);width:15px;height:15px}
.chklinks{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 28px}
.chklinks .chk,.chklinks .forgot{margin:0}