:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#14293a;background:#edf3f5}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 10%,#d6f4ea,transparent 34%),linear-gradient(135deg,#f4f7f8,#e8eff2);display:grid;place-items:center}.login-shell{width:min(440px,calc(100% - 32px))}.login-card{background:#fff;border:1px solid #dce7ea;border-radius:24px;padding:38px;box-shadow:0 28px 80px rgba(25,54,70,.14)}.brand{display:flex;align-items:center;gap:12px;font-size:22px}.brand span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#102436;color:#62d8b7;font-weight:800}.login-card>p{color:#6a7d88;margin:12px 0 30px}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:13px;font-weight:700;color:#425a68}input{width:100%;padding:13px 14px;border:1px solid #cfdce1;border-radius:11px;font:inherit;outline:none}input:focus{border-color:#2eb894;box-shadow:0 0 0 3px #2eb89422}button{border:0;border-radius:11px;background:#173246;color:#fff;padding:14px;font:inherit;font-weight:800;cursor:pointer}button:disabled{opacity:.65}output{min-height:20px;color:#b22f3c;font-size:13px;text-align:center}