.login-body{min-height:100vh;margin:0;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--green),#fff 15%),#081d18 70%)}
.login-card{width:min(920px,100%);min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 35px 90px #0007}
.login-identity{background:linear-gradient(145deg,var(--green),color-mix(in srgb,var(--green),#000 28%));color:#fff;padding:55px;display:flex;flex-direction:column;justify-content:center}
.login-identity>span,.login-identity>img{width:86px;height:86px;object-fit:contain;display:grid;place-items:center;background:var(--gold);color:var(--green);font-size:42px;border-radius:19px;margin-bottom:35px}
.login-identity small{letter-spacing:.22em;color:#ffffff99;font-size:9px}.login-identity h1{font:44px Georgia;margin:12px 0}.login-identity p{color:#ffffffaa;line-height:1.6}
.login-card form{padding:55px;display:flex;flex-direction:column;justify-content:center;gap:16px}.login-card form h2{font:35px Georgia;margin:0}.login-card form>p{margin:-8px 0 12px;color:var(--muted);font-size:12px}
.login-card form label:not(.remember){display:grid;gap:7px;font-size:10px;font-weight:700;color:#52645d}.login-card input[type=email],.login-card input[type=password]{border:1px solid #dce2de;border-radius:9px;padding:13px;font-size:12px}.login-card .remember{font-size:10px;color:var(--muted)}.login-card .button{padding:14px}.login-card form>a{text-align:center;color:#477265;text-decoration:none;font-size:10px}.profile form{margin:0}.profile form button{cursor:pointer}
@media(max-width:700px){.login-card{grid-template-columns:1fr}.login-identity{padding:32px}.login-identity>span,.login-identity>img{width:55px;height:55px;margin-bottom:15px}.login-identity h1{font-size:30px}.login-card form{padding:32px}}