.smart-login{background:#eef1f7;padding:18px;display:block}.smart-login .login-shell{background:#fff;border-radius:26px;grid-template-columns:1.05fr .95fr;width:100%;max-width:none;min-height:calc(100vh - 36px);margin:0;padding:0;display:grid;overflow:hidden;box-shadow:0 30px 90px #171f3a26}.login-visual{color:#fff;background:radial-gradient(circle at 70% 20%,#3ad7d840,#0000 24%),radial-gradient(circle at 15% 80%,#975bf647,#0000 28%),linear-gradient(145deg,#12183d,#33359d);flex-direction:column;justify-content:space-between;padding:42px 52px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.login-brand,.visual-copy,.visual-card{z-index:2;position:relative}.login-brand{align-items:center;gap:12px;font-weight:800;display:flex}.login-brand b{background:linear-gradient(145deg,#8c71ff,#4375ef);border-radius:13px;place-items:center;width:41px;height:41px;display:grid;position:relative}.login-brand b:before,.login-brand b:after,.login-brand b i{content:"";background:#fff;border-radius:3px;position:absolute}.login-brand b:before{width:18px;height:4px;transform:rotate(45deg)}.login-brand b:after{width:18px;height:4px;transform:rotate(-45deg)}.login-brand b i{width:4px;height:21px}.visual-copy{max-width:550px}.visual-copy h1{letter-spacing:-3px;margin:20px 0;font-size:clamp(39px,4.2vw,68px);line-height:1.02}.visual-copy h1 em{background:linear-gradient(90deg,#7ce4e0,#9c8aff);color:#0000;-webkit-background-clip:text;font-style:normal}.visual-copy p{color:#aeb9de;max-width:400px;font-size:15px;line-height:1.7}.visual-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:17px;align-items:center;gap:20px;width:315px;padding:18px;display:flex}.mini-chart{align-items:end;gap:5px;width:105px;height:48px;display:flex}.mini-chart i{background:linear-gradient(#5be0dc,#6264e8);border-radius:4px 4px 2px 2px;flex:1}.mini-chart i:first-child{height:25%}.mini-chart i:nth-child(2){height:42%}.mini-chart i:nth-child(3){height:35%}.mini-chart i:nth-child(4){height:66%}.mini-chart i:nth-child(5){height:58%}.mini-chart i:nth-child(6){height:95%}.visual-card small,.visual-card strong,.visual-card span{display:block}.visual-card small{color:#9fabd2;letter-spacing:1px;font-size:8px}.visual-card strong{margin:3px 0;font-size:23px}.visual-card span{color:#6de0d9;font-size:9px}.visual-orb{border:1px solid #ffffff14;border-radius:50%;position:absolute}.orb-one{width:370px;height:370px;bottom:-140px;right:-160px}.orb-two{width:210px;height:210px;bottom:-60px;right:-80px}.login-form-wrap{place-items:center;padding:45px;display:grid}.smart-login .login-card{width:min(430px,100%);box-shadow:none;border-radius:0;padding:0}.smart-login .login-card h2{letter-spacing:-1px;margin:9px 0 5px;font-size:31px}.smart-login .login-card>p{color:#7a879c;font-size:13px}.smart-login .login-card form{gap:18px}.smart-login .login-card input{background:#f8f9fc;border-color:#dfe5ee;padding:13px}.password-field{display:flex}.password-field input{border-radius:10px 0 0 10px}.password-field button{color:#5b5de4;background:#f8f9fc;border:1px solid #dfe5ee;border-left:0;border-radius:0 10px 10px 0;padding:0 13px;font-weight:700}.login-options{justify-content:space-between;align-items:center;display:flex}.login-options>span{color:#18a878;font-size:10px}.smart-login .wide{background:linear-gradient(135deg,#6763ee,#4f51d9);justify-content:space-between;padding:14px}.demo-note{background:#f5f6fb;border-radius:11px;align-items:flex-start;gap:10px;padding:12px;display:flex}.demo-note>span{color:#5759dd;background:#e5e5ff;border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.demo-note p{color:#738098;margin:0;font-size:10px;line-height:1.5}@media (width<=800px){.smart-login .login-shell{grid-template-columns:1fr}.login-visual{min-height:330px;padding:30px}.visual-copy h1{font-size:42px}.visual-card{display:none}.login-form-wrap{padding:38px 24px}}@media (width<=480px){.smart-login{padding:0}.smart-login .login-shell{border-radius:0}.login-visual{min-height:270px}.visual-copy h1{letter-spacing:-2px;font-size:34px}.visual-copy p{display:none}}