*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#10191d;color:#f2f7f4;font:16px system-ui,sans-serif}.login-card{width:min(420px,calc(100% - 32px));padding:32px;background:#1a282b;border:1px solid #314344;border-radius:18px}.login-brand{display:flex;gap:14px;align-items:center;margin-bottom:28px}.login-logo{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#0f806a;font-weight:800}.login-brand h1{font-size:22px;margin:0}.login-sub{margin:3px 0;color:#b1c2bd}.field{display:grid;gap:7px;margin:18px 0}.field input{padding:12px;border:1px solid #48605e;border-radius:8px;background:#10191d;color:inherit;font:inherit}.btn{width:100%;padding:12px;border:0;border-radius:8px;background:#16836d;color:white;font-weight:700;font:inherit;cursor:pointer}.login-error{margin:12px 0;color:#ffaaaa}.login-foot{color:#b1c2bd;font-size:13px;line-height:1.5}