:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#24284d;background:#f7f8fe;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}
.auth-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.auth-illustration{background:linear-gradient(145deg,#6163e8,#837ff2 65%,#a29ff4);color:#fff;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.auth-illustration::after{content:"";position:absolute;width:340px;height:340px;right:-110px;bottom:10%;background:#ffffff1c;border-radius:50%;box-shadow:0 0 0 70px #ffffff12,0 0 0 170px #ffffff0a}.brand{display:flex;align-items:center;gap:14px;z-index:1}.logo{width:50px;height:50px;border-radius:15px;background:white;color:#6866ee;display:grid;place-items:center;font-size:32px;font-weight:900;position:relative}.logo span{position:absolute;font-size:12px;right:3px;top:2px;color:#f2b758}.brand strong{display:block;font-size:21px;letter-spacing:-.6px}.brand small{font-size:11px;color:#e5e4ff}.hero{position:relative;z-index:1;max-width:560px}.sparkles{font-size:36px;color:#ffd28a}.hero h1{font-size:clamp(33px,4vw,59px);line-height:1.14;letter-spacing:-2px;margin:25px 0}.hero p{font-size:16px;line-height:1.8;color:#f3f0ff}.illustration-foot{z-index:1;color:#efecff;font-size:13px}.auth-panel{max-width:560px;width:100%;padding:clamp(25px,6vw,80px);margin:auto}.panel-top{display:flex;align-items:center;gap:12px;margin-bottom:34px}.panel-mark{background:#e8eaff;color:#6667d6;padding:9px 12px;border-radius:12px;font-weight:900}.panel-label{font-size:12px;color:#8a90b0;letter-spacing:1.5px;font-weight:800}h2{font-size:clamp(25px,2.6vw,34px);letter-spacing:-1.2px;line-height:1.2;margin:0 0 12px}p{font-size:14px;color:#8489a8;line-height:1.65;margin:0 0 20px}label{display:block;font-weight:700;color:#4d527b;font-size:13px;margin:17px 0 7px}input{display:block;width:100%;padding:14px;border:1px solid #dce0ef;border-radius:12px;background:#fff;color:#232747;outline:0}input:focus{border-color:#7f7af5;box-shadow:0 0 0 3px #7774ed21}button[type=submit],#retry{border:0;border-radius:12px;background:#6266e8;color:#fff;width:100%;padding:15px 18px;font-weight:700;margin-top:24px;display:flex;align-items:center;justify-content:space-between}#retry{justify-content:center}.tag{display:inline-block;font-size:11px;font-weight:700;color:#6467df;background:#eeeefe;padding:7px 10px;border-radius:10px;margin-bottom:18px}.feedback{border-radius:10px;padding:12px 14px;background:#fff1eb;color:#a13e24;margin:18px 0 0}.feedback.success{background:#eafaf4;color:#0e8260}.security-note{margin-top:32px;font-size:12px;color:#9da2ba}@media(max-width:850px){.auth-shell{display:block}.auth-illustration{min-height:180px;padding:24px}.hero{display:none}.auth-panel{padding:32px 24px}.illustration-foot{margin-top:25px}}