.login-body{--login-blue:#2e88c5;--login-navy:#07365f;--login-sky:#dff4ff;--login-green:#48ad39;background:#f3f9fc}
.login-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 28% 20%,#74c5ed 0,#2f8cc8 34%,#0b527f 70%,#062f51 100%)}
.login-visual:before,.login-visual:after{content:"";position:absolute;border-radius:50%;border:1px solid #ffffff22}.login-visual:before{width:440px;height:440px;left:-150px;top:-180px}.login-visual:after{width:520px;height:520px;right:-270px;bottom:-290px}
.milk-art{position:relative;z-index:1;width:172px;height:172px;padding:8px;border-radius:50%;background:#fff;border:5px solid #ffffff80;box-shadow:0 24px 65px #05294266}.milk-art img{display:block;width:100%;height:100%;border-radius:50%;object-fit:cover}
.login-brand-label{position:relative;z-index:1;margin-top:24px;padding:7px 14px;border:1px solid #ffffff45;border-radius:999px;background:#062e504d;font-size:10px;font-weight:800;letter-spacing:1.7px}.login-visual h1{position:relative;z-index:1;margin:13px 0 8px;font-size:34px}.login-visual>p{position:relative;z-index:1;margin:0;color:#fff;font-size:16px;line-height:1.6}.login-visual>p small{color:#dff4ff;font-size:12px}.login-features{position:relative;z-index:1}.login-features span{background:#062f515c;border-color:#ffffff38}
.login-main{background:linear-gradient(150deg,#fafdff,#edf7fc)}.login-card{border-color:#d6e7f0;border-radius:20px;box-shadow:0 22px 65px #164c6e1c}.login-logo{width:68px;height:68px;padding:3px;border-radius:50%;background:#fff;border:2px solid #9dd1eb;box-shadow:0 8px 20px #287eaf24}.login-logo img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.login-kicker{color:var(--login-blue)}.login-card h2{color:var(--login-navy)}
.input-wrap{border-color:#cfdfe8;background:#fbfdfe;transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:var(--login-blue);box-shadow:0 0 0 3px #2e88c519}.remember a{color:var(--login-blue);text-decoration:none}.remember input{accent-color:var(--login-green)}.login-submit{background:linear-gradient(90deg,var(--login-blue),#247bb3);box-shadow:0 9px 22px #277fae30}.login-submit:hover{background:linear-gradient(90deg,#267eb8,#1c6eaa)}.demo-login{border-color:#b9ddec;background:#f0f9fd}.login-main footer{color:#66869b}
@media(max-width:800px){.login-logo{margin-inline:auto}.login-card{text-align:left}.login-card>p,.login-card h2,.login-kicker{text-align:center}}