.auth{min-height:100vh;padding:28px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 8% 8%,rgba(66,112,255,.14),transparent 30%),radial-gradient(circle at 92% 92%,rgba(121,87,232,.1),transparent 28%),#eef3fa}
.login-shell{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;padding:0;overflow:hidden;border:1px solid rgba(214,223,237,.92);border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(18,35,66,.16)}
.login-brand-panel{position:relative;display:flex;flex-direction:column;min-width:0;padding:42px 46px;color:#fff;overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(105,132,255,.34),transparent 28%),radial-gradient(circle at 18% 78%,rgba(104,72,225,.3),transparent 30%),linear-gradient(145deg,#0d1930 0%,#142b51 55%,#1a3566 100%)}
.login-brand-panel:before,.login-brand-panel:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%}.login-brand-panel:before{width:520px;height:520px;right:-270px;bottom:-250px}.login-brand-panel:after{width:360px;height:360px;left:-245px;top:-185px}
.login-brand-lockup,.login-mobile-brand{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.login-logo{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:14px;color:#fff;font-size:23px;font-weight:800;background:linear-gradient(140deg,#3475ff,#8061ef);box-shadow:0 12px 28px rgba(67,105,241,.38)}
.login-brand-lockup strong,.login-brand-lockup small,.login-mobile-brand strong,.login-mobile-brand small{display:block}.login-brand-lockup strong{font-size:18px}.login-brand-lockup small{margin-top:1px;color:#9aabc7;font-size:11px}
.login-visual{position:relative;width:285px;height:285px;margin:auto;display:grid;place-items:center}.visual-core{position:relative;z-index:2;width:104px;height:104px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:32px;color:#fff;font-size:32px;font-weight:800;letter-spacing:2px;background:linear-gradient(145deg,rgba(66,116,255,.94),rgba(119,78,224,.92));box-shadow:0 25px 55px rgba(20,24,67,.42),inset 0 1px rgba(255,255,255,.35);transform:rotate(-7deg)}
.visual-orbit{position:absolute;inset:25px;border:1px solid rgba(147,176,255,.22);border-radius:50%}.orbit-two{inset:60px;border-style:dashed;transform:rotate(32deg)}.visual-dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#75a3ff;box-shadow:0 0 20px #5d8eff}.dot-one{top:42px;right:49px}.dot-two{left:38px;bottom:74px;width:8px;height:8px;background:#9c7cff}.dot-three{right:20px;bottom:100px;width:7px;height:7px;background:#51d5ba}
.login-brand-copy{position:relative;z-index:2}.login-brand-copy span,.login-heading>span{color:#7295ff;font-size:10px;font-weight:800;letter-spacing:2px}.login-brand-copy h1{margin:10px 0 0;font-size:clamp(28px,3vw,38px);line-height:1.34;letter-spacing:-.5px}
.login-form-panel{position:relative;display:flex;align-items:center;padding:60px 68px}.login-form-wrap{width:100%}.login-mobile-brand{display:none}.login-heading{margin-bottom:34px}.login-heading h2{margin:7px 0 0;font-size:30px;line-height:1.25;letter-spacing:-.4px}.login-form{gap:20px;margin:0}.login-form label>span:first-child{display:block;margin-bottom:8px;font-size:13px;color:#435069}
.login-input{min-height:52px;display:flex;align-items:center;border:1px solid #dfe6f0;border-radius:12px;background:#f9fbfe;transition:border-color .2s,box-shadow .2s,background .2s}.login-input:focus-within{border-color:#4d78f5;background:#fff;box-shadow:0 0 0 4px rgba(53,109,243,.1)}.login-input>svg{width:19px;margin-left:16px;fill:none;stroke:#8a98ad;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-input input{min-width:0;margin:0;padding:13px 12px;border:0;border-radius:0;background:transparent;box-shadow:none}.login-input input:focus{border:0;box-shadow:none}.login-input input::placeholder{color:#adb7c6}
.password-toggle{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:0;color:#8a98ad;background:transparent}.password-toggle svg{width:19px;fill:none;stroke:currentColor;stroke-width:1.7}.password-toggle:hover{color:#356df3}.login-submit{min-height:52px;margin-top:8px;gap:11px;border-radius:12px;font-size:15px;background:linear-gradient(100deg,#326ff3,#5a71ee);box-shadow:0 13px 28px rgba(53,109,243,.25);transition:transform .2s,box-shadow .2s}.login-submit:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(53,109,243,.32)}.login-submit span{font-size:20px;line-height:1}.login-form-panel .flash{margin:-14px 0 22px}
@media(max-width:820px){.auth{padding:18px}.login-shell{max-width:480px;min-height:auto;grid-template-columns:1fr}.login-brand-panel{display:none}.login-form-panel{display:block;padding:34px 34px 42px}.login-mobile-brand{display:flex;margin-bottom:48px}.login-mobile-brand strong{color:#17243a;font-size:17px}.login-mobile-brand small{color:#8290a8;font-size:10px}}
@media(max-width:480px){.auth{padding:12px}.login-shell{border-radius:21px}.login-form-panel{padding:28px 22px 34px}.login-mobile-brand{margin-bottom:38px}.login-heading{margin-bottom:28px}.login-heading h2{font-size:27px}}