*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px 7.5%;background:#2fcca0;font-family:Arial,Helvetica,sans-serif;color:#353535}
.login-shell{position:relative;display:grid;grid-template-columns:1fr 1fr;width:100%;max-width:1190px;min-height:min(520px,calc(100svh - 48px));background:#fff;box-shadow:16px 18px 14px -10px #12695090,-15px -18px 16px -12px #12695070;overflow:hidden}
.login-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.login-wave{position:absolute;inset:0;background:linear-gradient(145deg,#30d4a5,#19ae85);clip-path:ellipse(110% 90% at -10% 100%)}
.login-illustration{position:relative;width:85%;max-width:440px;margin-left:25px}
.login-panel{align-self:center;justify-self:center;width:100%;max-width:360px;padding:28px 30px}
.login-logo{display:flex;align-items:center;justify-content:center;height:76px;margin:0 auto 14px;text-decoration:none}
.login-logo img{display:block;max-width:210px;width:auto;height:auto;max-height:76px;object-fit:contain}
h1{text-align:center;font-size:30px;letter-spacing:-.7px;margin:0 0 22px;font-weight:700}
.login-field{display:flex;align-items:center;gap:10px;border:1px solid #dfe8e4;border-radius:10px;min-height:48px;padding:0 12px;background:#fbfdfc;transition:border-color .2s,box-shadow .2s;margin-top:14px}
.login-field:focus-within{border-color:#27bf96;background:#fff;box-shadow:0 0 0 3px #27bf9612}.login-field>i{font-size:13px;color:#c9c9c9;flex-shrink:0;margin-left:4px}
.login-field input{width:100%;min-width:0;border:0;outline:0;font-size:14px;font-weight:400;color:#484848;background:transparent;padding:12px 0;font-family:inherit}
.login-field input::placeholder{color:#9c9c9c}.login-field button{border:0;background:transparent;color:#aaa;padding:10px 4px;cursor:pointer;flex-shrink:0}
.login-options{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 19px;font-size:11px;color:#929292}
.login-options label{display:flex;align-items:center;gap:5px;cursor:pointer}.login-options input{margin:0;accent-color:#27bf96}.login-options a{color:#8c8c8c;text-decoration:none;font-weight:600}.login-options a:hover{color:#1d9f7c}
.login-submit{width:100%;border:0;border-radius:28px;background:linear-gradient(100deg,#28ba92,#2dcea0);color:#fff;font-size:14px;font-weight:700;padding:13px 20px;cursor:pointer;transition:box-shadow .2s,background .2s;min-height:43px}
.login-submit:hover{box-shadow:0 5px 16px #25b38c40;background:#23b88e}.login-submit:disabled{opacity:.7;cursor:wait}
.login-alert{background:#fff0f1;border:1px solid #f5d6da;border-radius:8px;padding:11px;font-size:12px;line-height:1.6;color:#ad4652;margin-bottom:14px}.login-alert ul{margin:0;padding-left:17px}
a:focus-visible,button:focus-visible{outline:3px solid #16896a;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.login-shell{min-height:min(550px,calc(100svh - 48px))}.login-panel{max-width:390px}}
@media(max-width:900px){body{padding:22px 5%}.login-shell{min-height:min(500px,calc(100svh - 44px))}.login-panel{padding:26px 22px}.login-illustration{width:100%;margin-left:0}h1{font-size:30px}}
@media(max-width:600px){body{padding:20px 18px}.login-shell{display:block;min-height:0;border-radius:18px;box-shadow:0 16px 40px #146d5540}.login-art{display:none}.login-panel{max-width:390px;margin:auto;padding:28px 24px 30px}.login-logo{height:80px}.login-logo img{max-height:80px;max-width:190px}h1{font-size:30px;margin-bottom:18px}.login-options{font-size:11px}.login-submit{margin-top:5px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-height:600px) and (min-width:601px){body{padding:16px 6%}.login-shell{min-height:0}.login-panel{padding:18px 26px}.login-logo{height:55px;margin-bottom:10px}.login-logo img{max-height:55px}h1{font-size:26px;margin-bottom:14px}.login-field{margin-top:10px;min-height:44px}.login-illustration{max-height:calc(100svh - 60px)}.login-options{margin:12px 0 15px}}