*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif}body{background:#f3f6f4;color:#111}a{text-decoration:none;color:inherit}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 18px;background:#f7f9f8}.mobile-brand{position:absolute;top:20px;left:20px}.brand{display:flex;align-items:center;gap:9px;color:#111;font-weight:800}.brand img{width:48px;height:48px;object-fit:contain}.brand span{font-size:16px}.login-card{width:100%;max-width:480px;background:#fff;border:1px solid #dce5df;border-radius:24px;padding:32px 24px;box-shadow:0 24px 70px rgba(12,35,22,.09)}.mini-label{font-size:8px;font-weight:900;letter-spacing:1.8px;color:#008b48}.login-card h2{font-size:40px;letter-spacing:-2.5px;line-height:1;margin:14px 0 12px}.intro{font-size:13px;color:#68766e;margin:0 0 28px}form{display:grid;gap:18px}label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px;color:#354139}input{display:block;width:100%;height:48px;margin-top:7px;border:1px solid #ccd8d0;border-radius:10px;background:#fff;padding:0 13px;font:inherit;font-size:12px;outline:0}input:focus{border-color:#00a651;box-shadow:0 0 0 3px rgba(0,200,83,.1)}.password-wrap{position:relative}.password-wrap input{padding-right:65px}.password-wrap button{position:absolute;right:8px;top:15px;border:0;background:none;font-size:8px;font-weight:900;color:#008b48;cursor:pointer}.form-row{display:flex;justify-content:space-between;align-items:center}.remember{display:flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;font-size:10px;font-weight:600}.remember input{width:15px;height:15px;margin:0}.form-row a{font-size:10px;color:#008b48;font-weight:800}.submit{height:50px;border:0;border-radius:11px;background:#00c853;color:#031008;font-size:12px;font-weight:900;cursor:pointer}.submit:hover{background:#39ff88}.form-note{min-height:16px;text-align:center;font-size:10px;color:#8b0000;margin:0}.back{text-align:center;border-top:1px solid #e5ebe7;margin-top:25px;padding-top:20px;font-size:10px;font-weight:800;color:#536159}
@media(min-width:800px){.login-shell{grid-template-columns:1.05fr .95fr}.login-visual{display:block;position:relative;overflow:hidden;background:#050907;color:#fff;padding:38px 7%;min-height:100vh}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(57,255,136,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,136,.07) 1px,transparent 1px);background-size:52px 52px}.login-visual:after{content:"";position:absolute;width:600px;height:600px;right:-240px;top:5%;background:radial-gradient(circle,rgba(0,200,83,.16),transparent 68%)}.login-visual>.brand,.visual-copy,.visual-footer{position:relative;z-index:2}.login-visual .brand{color:#fff}.login-visual .brand img{width:72px;height:72px}.visual-copy{margin-top:22vh;max-width:620px}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#39ff88}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#00c853;box-shadow:0 0 16px #00c853;margin-right:7px}.visual-copy h1{font-size:clamp(55px,6vw,88px);line-height:.95;letter-spacing:-5px;margin:22px 0}.visual-copy h1 em{font-style:normal;color:#39ff88}.visual-copy p{max-width:540px;color:#a9b8b0;font-size:15px}.security-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.security-pills span{font-size:7px;letter-spacing:1px;border:1px solid #294433;border-radius:99px;padding:8px 10px;color:#9baaa2}.visual-footer{position:absolute;left:7%;bottom:34px;font-size:8px;letter-spacing:1.4px;color:#526159}.mobile-brand{display:none}.login-panel{padding:40px 7%}.login-card{padding:45px 42px}}

.form-note.invalid{font-weight:800;letter-spacing:.2px}