:root{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:#252438;background:#f4f2fb;--violet:#7259d2;--navy:#20253d;--line:#e3dfed;--muted:#716d80}*{box-sizing:border-box}body{margin:0;min-height:100vh}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,.9fr) minmax(440px,1.1fr)}.auth-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:48px;color:#fff;background:radial-gradient(circle at 15% 20%,rgba(147,114,235,.6),transparent 28%),radial-gradient(circle at 85% 85%,rgba(231,170,67,.35),transparent 30%),linear-gradient(145deg,#20243c,#322b61 60%,#57428f);overflow:hidden}.auth-visual:after{content:"";position:absolute;right:-140px;bottom:-170px;width:440px;height:440px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 115px rgba(255,255,255,.02)}.auth-brand,.auth-card-head{display:flex;align-items:center;gap:14px}.auth-brand img{width:54px;height:54px;border-radius:15px;box-shadow:0 12px 30px rgba(0,0,0,.22)}.auth-brand strong{display:block;font-size:20px;letter-spacing:.08em}.auth-brand span{display:block;margin-top:3px;color:#d9d4ee;font-size:13px}.auth-message{position:relative;z-index:1;max-width:560px}.eyebrow{margin:0 0 8px;color:#cbbdfd;font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.auth-message h1{margin:0;font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.045em}.auth-message>p:last-child{max-width:520px;margin:22px 0 0;color:#ddd9eb;font-size:16px;line-height:1.65}.auth-points{position:relative;z-index:1;display:grid;gap:9px}.auth-points span{display:flex;align-items:center;gap:9px;color:#dedbea;font-size:13px}.auth-points span:before{content:"";width:7px;height:7px;border-radius:50%;background:#6fe0b6;box-shadow:0 0 0 4px rgba(111,224,182,.12)}.auth-panel{display:grid;place-items:center;padding:34px;background:linear-gradient(145deg,#f8f7fc,#f1eff8)}.auth-card{width:min(460px,100%);padding:32px;border:1px solid rgba(90,71,145,.12);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(47,37,80,.13)}.auth-card-head{margin-bottom:24px}.auth-card-head img{width:48px;height:48px;border-radius:14px}.auth-card-head .eyebrow{color:#7259d2;margin:0}.auth-card h2{margin:3px 0 0;font-size:27px;letter-spacing:-.035em}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#625f70;font-size:12px;font-weight:700}.auth-card input{width:100%;height:46px;padding:0 13px;border:1px solid #dad5e7;border-radius:11px;background:#fff;color:#252438;font:inherit;font-size:14px;outline:none;transition:.16s}.auth-card input:focus{border-color:#8b74dd;box-shadow:0 0 0 4px rgba(114,89,210,.12)}.auth-card form>button{height:47px;margin-top:4px;border:0;border-radius:11px;color:white;background:linear-gradient(135deg,#7156d0,#8b6ee3);font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px rgba(101,77,197,.22)}.auth-card form>button:disabled{opacity:.6;cursor:wait}.form-intro{margin:0 0 3px;padding:11px 12px;border-radius:10px;color:#5c576b;background:#f5f3f9;font-size:12px;line-height:1.5}.auth-links{display:flex;justify-content:center;gap:14px;margin-top:18px}.auth-links button{border:0;background:none;color:#6652b8;font-size:12px;font-weight:700;cursor:pointer}.privacy-note{text-align:center;margin:22px 0 0;color:#8a8694;font-size:10.5px}.auth-notice{margin:-4px 0 16px;padding:11px 12px;border-radius:10px;background:#fff1df;color:#8b5b12;font-size:12px;line-height:1.45}.auth-notice.error{background:#ffeded;color:#a43b3b}.auth-notice.success{background:#e8f8f1;color:#167357}@media(max-width:860px){.auth-shell{grid-template-columns:1fr}.auth-visual{min-height:310px;padding:28px}.auth-message h1{font-size:36px}.auth-message>p:last-child{font-size:14px;margin-top:14px}.auth-points{display:none}.auth-panel{padding:22px;margin-top:-30px;position:relative;z-index:2;background:transparent}.auth-card{padding:26px;border-radius:20px}}@media(max-width:520px){.auth-visual{min-height:260px;padding:22px}.auth-message h1{font-size:29px}.auth-message>p:last-child{display:none}.auth-panel{padding:14px}.auth-card{padding:22px}.auth-links{flex-direction:column;align-items:center;gap:8px}}
