:root{--navy:#101a35;--navy2:#18264a;--blue:#4568f5;--ink:#19233b;--muted:#7d879d;--line:#e8ecf4;--red:#d84e5b}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink);background:#fff}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,520px);background:#fff}
.auth-art{position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,#354e9d 0,transparent 32%),linear-gradient(145deg,#101a35,#172b59 60%,#263d78);color:white;padding:clamp(30px,6vw,84px);display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}
.auth-art:before,.auth-art:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;width:460px;height:460px;right:-120px;top:18%;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02);pointer-events:none}.auth-art:after{width:260px;height:260px;right:-20px;top:29%;background:rgba(255,255,255,.025)}
.brand{display:flex;align-items:center;gap:12px;font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-.03em;font-size:18px;position:relative;z-index:1}.brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#6d88ff,#3d5de6);box-shadow:0 8px 22px #07133155;font-size:21px;color:white}.brand-sub{font-weight:500;color:#aab9e7}
.art-copy{position:relative;z-index:1;max-width:530px;margin:55px 0}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;color:var(--blue)}.art-copy .eyebrow{color:#9fb2ff}.art-copy h1{font:800 clamp(34px,4vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-.05em;margin:16px 0 20px}.art-copy p{color:#c3cce7;line-height:1.8;max-width:430px;font-size:15px}.art-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.art-pills span{border:1px solid #ffffff24;background:#ffffff0d;padding:9px 12px;border-radius:999px;font-size:12px;color:#e1e7ff}.art-footer{position:relative;z-index:1;color:#aab6d9;font-size:12px}
.auth-panel{display:flex;align-items:center;justify-content:center;padding:34px}.auth-card{width:min(100%,390px)}.auth-card h2{font:800 29px Manrope,sans-serif;letter-spacing:-.04em;margin:10px 0 9px}.intro{color:var(--muted);line-height:1.65;font-size:14px;margin:0 0 28px}
.field{display:block;margin:17px 0}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#47516a}.field input{width:100%;border:1px solid #dfe5f0;border-radius:12px;background:#fff;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}.field input:focus{border-color:#6d84ff;box-shadow:0 0 0 4px #4568f516}.input-wrap{position:relative}.input-wrap input{padding-right:48px}.show-pass{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);padding:7px}
.btn{border:0;border-radius:12px;padding:13px 16px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(135deg,var(--blue),#3857de);color:#fff;box-shadow:0 8px 18px #4568f52b}.btn-primary:hover{box-shadow:0 10px 24px #4568f542}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:wait}
.notice{font-size:12px;line-height:1.55;border-radius:10px;padding:11px 12px;margin-top:14px;background:#f2f5ff;color:#53628d}.notice.error{background:#fff1f2;color:#b72e43}.notice.success{background:#eaf9f2;color:#187d58}.security-note{font-size:12px;color:var(--muted);margin-top:22px;text-align:center}.otp-boxes{display:flex;gap:9px;margin:22px 0}.otp-boxes input{width:calc((100% - 40px)/5);height:56px;text-align:center;font-size:23px;font-weight:800;border:1px solid #dfe5f0;border-radius:12px;outline:none}.otp-boxes input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #4568f516}.auth-back{background:none;border:0;color:#5367d9;font-weight:700;margin-bottom:22px;padding:0}.resend-row{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:12px;color:var(--muted)}.resend-row button{border:0;background:none;color:var(--blue);font-weight:700;padding:0}
@media(max-width:760px){.auth-shell{display:block}.auth-art{min-height:auto;padding:23px 24px 25px}.auth-art:before,.auth-art:after{width:220px;height:220px;top:0;right:-80px}.auth-art .brand{font-size:16px}.brand-mark{width:38px;height:38px}.art-copy{margin:30px 0 10px}.art-copy h1{font-size:32px;max-width:390px}.art-copy p{font-size:13px;max-width:390px}.art-pills,.art-footer{display:none}.auth-panel{padding:30px 22px 42px}.auth-card h2{font-size:26px}.intro{margin-bottom:22px}}