:root{--purple:#5b4bff;--purple-deep:#4636e6;--purple-700:#3a18c7;--purple-tint:#eeebff;--orange:#ff6a00;--bg:#f7f9fc;--surface:#fff;--ink:#121a2f;--muted:#8a94a6;--line:#e4e2f0;--line-strong:#d7d3ec}*{box-sizing:border-box}body,html{margin:0;height:100%}body{font-family:Plus Jakarta Sans,system-ui,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--bg)}a{color:inherit;text-decoration:none}.auth{display:flex;min-height:100vh}.auth-aside{flex:1 1 50%;position:relative;overflow:hidden;color:#fff;padding:48px 56px;display:flex;flex-direction:column;background:linear-gradient(160deg,#5b4bff,#4a36e6 55%,#3a18c7)}.auth-aside:after,.auth-aside:before{content:"";position:absolute;border-radius:50%;background:hsla(0,0%,100%,.07);pointer-events:none}.auth-aside:before{width:520px;height:520px;top:-180px;right:-160px}.auth-aside:after{width:360px;height:360px;bottom:-140px;left:-120px}.auth-brand{display:flex;align-items:center;gap:12px;position:relative}.auth-brand .logo-mark{width:38px;height:38px;flex:0 0 auto}.auth-brand .bt{font-weight:800;font-size:24px;letter-spacing:-.02em;line-height:1}.auth-brand .bs{font-size:13px;color:hsla(0,0%,100%,.7);margin-top:3px;font-weight:600}.auth-aside .mid{margin-top:auto;margin-bottom:auto;position:relative;max-width:440px}.auth-aside h2{font-size:34px;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin:0 0 30px}.auth-steps{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.auth-steps li{gap:15px;font-size:16.5px;color:hsla(0,0%,100%,.92)}.auth-steps .n,.auth-steps li{display:flex;align-items:center}.auth-steps .n{width:30px;height:30px;border-radius:9px;background:hsla(0,0%,100%,.16);justify-content:center;flex:0 0 auto}.auth-steps .n svg{width:17px;height:17px}.auth-foot{position:relative;font-size:13px;color:hsla(0,0%,100%,.6)}.auth-main{flex:1 1 50%;display:flex;align-items:center;justify-content:center;padding:40px 28px}.auth-card{width:100%;max-width:412px}.auth-topbrand{display:none;align-items:center;gap:10px;justify-content:center;margin-bottom:26px}.auth-topbrand .logo-mark{width:32px;height:32px}.auth-topbrand .bt{font-weight:800;font-size:21px;letter-spacing:-.02em}.auth-topbrand .bt .s{color:var(--purple)}.auth-card h1{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px}.auth-card .sub{color:var(--muted);font-size:15px;margin:0 0 28px}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:700;margin-bottom:8px}.input{position:relative}.input input{width:100%;font-family:inherit;font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line-strong);border-radius:12px;padding:14px 15px;outline:none;transition:border-color .15s,box-shadow .15s}.input input::-moz-placeholder{color:#aeb4c2}.input input::placeholder{color:#aeb4c2}.input input:focus{border-color:var(--purple);box-shadow:0 0 0 4px rgba(91,75,255,.14)}.input.has-eye input{padding-right:48px}.eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:none;cursor:pointer;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:9px}.eye:hover{background:var(--bg);color:var(--ink)}.eye svg{width:20px;height:20px}.hint{font-size:12.5px;color:var(--muted);margin-top:8px}.row-end{display:flex;justify-content:flex-end;margin:-4px 0 22px}.row-end a{font-size:13.5px;font-weight:700;color:var(--purple)}.row-end a:hover{text-decoration:underline}.btn-auth{width:100%;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:15.5px;color:#fff;border-radius:12px;padding:15px;background:linear-gradient(135deg,#6a5bff,#5b4bff);box-shadow:0 12px 26px -12px rgba(91,75,255,.75);transition:transform .12s,box-shadow .2s}.btn-auth:hover{transform:translateY(-2px);box-shadow:0 18px 34px -12px rgba(91,75,255,.85)}.divider{display:flex;align-items:center;gap:14px;margin:22px 0;color:var(--muted);font-size:12.5px;font-weight:600}.divider:after,.divider:before{content:"";flex:1;height:1px;background:var(--line)}.btn-social{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:700;font-size:14.5px;color:var(--ink);background:#fff;border:1.5px solid var(--line-strong);border-radius:12px;padding:13px;cursor:pointer;transition:background .15s,border-color .15s}.btn-social:hover{background:var(--bg);border-color:var(--purple)}.btn-social svg{width:19px;height:19px}.auth-alt{text-align:center;margin-top:24px;font-size:14.5px;color:var(--muted)}.auth-alt a{color:var(--purple);font-weight:700}.auth-alt a:hover{text-decoration:underline}@media (max-width:900px){.auth-aside{display:none}.auth-topbrand{display:flex}.auth-main{flex-basis:100%}}.acct-type{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px}.acct-btn{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1.5px solid var(--line-strong);border-radius:12px;background:#fff;cursor:pointer;font-family:inherit;text-align:left;transition:border-color .15s,background .15s}.acct-btn svg{width:22px;height:22px;flex:0 0 auto;color:var(--muted);transition:color .15s}.acct-btn b{display:block;font-size:13.5px;font-weight:700;color:var(--ink)}.acct-btn i{display:block;font-style:normal;font-size:11.5px;color:var(--muted);margin-top:2px}.acct-btn.on{border-color:var(--purple);background:var(--purple-tint)}.acct-btn.on svg{color:var(--purple)}.acct-btn:hover:not(.on){border-color:var(--purple-deep)}