*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:#17312e;background:#f3f7f6}
.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}
.showcase{background:linear-gradient(145deg,#082f2d,#0c504a);color:white;padding:64px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.showcase:after{content:"";position:absolute;width:430px;height:430px;border:1px solid #ffffff20;border-radius:50%;right:-150px;bottom:-140px}
.brand{font-weight:800;letter-spacing:.08em;font-size:24px}.brand small{display:block;font-size:13px;font-weight:400;letter-spacing:.02em;opacity:.7;margin-top:4px}
.hero{max-width:600px;position:relative;z-index:2}.hero h1{font-size:43px;line-height:1.08;margin:0 0 18px}.hero p{font-size:17px;line-height:1.6;color:#d6e7e4}
.preview{margin-top:34px;background:#ffffff10;border:1px solid #ffffff22;border-radius:18px;padding:18px;box-shadow:0 25px 60px #001b1838}
.preview-top{display:flex;gap:8px;margin-bottom:14px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff55}
.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini{background:#fff;color:#23413e;border-radius:10px;padding:14px}.mini span{font-size:11px;color:#7b8987}.mini strong{display:block;font-size:18px;margin-top:6px}
.auth-side{display:flex;align-items:center;justify-content:center;padding:40px}.auth-card{width:min(430px,100%)}.auth-card h2{font-size:28px;margin:0 0 8px}.sub{color:#71807d;margin:0 0 28px}
.field{margin-bottom:16px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.field input{width:100%;height:48px;border:1px solid #ccd9d6;border-radius:10px;padding:0 14px;font-size:14px;outline:none;background:#fff}.field input:focus{border-color:#14746c;box-shadow:0 0 0 3px #14746c15}
.pass{position:relative}.eye{position:absolute;right:10px;top:9px;border:0;background:transparent;cursor:pointer;padding:6px;color:#667774}.eye svg{width:19px;height:19px}
.btn{width:100%;height:48px;border:0;border-radius:10px;background:#126d65;color:#fff;font-weight:700;font-size:14px;cursor:pointer}.btn:hover{background:#0d5c55}
.links{display:flex;justify-content:flex-end;margin:12px 0 24px}.links a{color:#126d65;text-decoration:none;font-size:13px}.security{border-top:1px solid #e2e9e7;padding-top:18px;color:#82908e;font-size:12px;line-height:1.5}
.error{background:#fff0f0;border:1px solid #f0caca;color:#8d3434;padding:11px 13px;border-radius:9px;margin-bottom:16px;font-size:13px}.version{text-align:center;color:#9aa6a4;font-size:10px;margin-top:24px}
@media(max-width:850px){.login-shell{display:block}.showcase{display:none}.auth-side{min-height:100vh;padding:25px;background:#f5f8f7}}