:root{--ecos-green:#35aa32;--ecos-blue:#0799d4;--ink:#18313f;--muted:#617481;--surface:#fff;--background:#f1f7f5;--border:#d7e3e1;--danger-bg:#fff1f0;--danger:#a52620}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 10% 0%,rgba(255,189,50,.22),transparent 30rem),radial-gradient(circle at 100% 100%,rgba(7,153,212,.14),transparent 35rem),var(--background)}.login-page{display:grid;place-items:center;min-height:100vh;padding:24px 16px}.login-card{width:min(100%,470px);padding:clamp(28px,6vw,48px);border:1px solid rgba(215,227,225,.9);border-radius:24px;background:var(--surface);box-shadow:0 20px 50px rgba(22,54,69,.14)}.login-logo{display:block;width:min(275px,78vw);height:auto;margin:0 auto 28px}.login-heading{text-align:center;margin-bottom:26px}.login-heading h1{margin:0 0 8px;font-size:clamp(1.7rem,5vw,2.1rem)}.login-heading p{margin:0;color:var(--muted);line-height:1.5}.login-form{display:grid;gap:18px}.field{display:grid;gap:8px}label{font-size:.94rem;font-weight:700}input{width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--border);border-radius:11px;outline:0;color:var(--ink);font:inherit}input:focus{border-color:var(--ecos-blue);box-shadow:0 0 0 4px rgba(7,153,212,.15)}.password-control{position:relative}.password-control input{padding-right:52px}.toggle-password{position:absolute;top:50%;right:7px;display:grid;width:38px;height:38px;place-items:center;transform:translateY(-50%);border:0;border-radius:8px;color:var(--ecos-blue);background:transparent;cursor:pointer;font-size:1.05rem}.toggle-password:hover,.toggle-password:focus-visible{background:#e8f6fc}.button-primary{min-height:50px;margin-top:4px;border:0;border-radius:11px;color:#fff;background:var(--ecos-green);cursor:pointer;font:700 1rem Arial,Helvetica,sans-serif}.button-primary:hover{background:#278a28}.alert-error{margin-bottom:18px;padding:12px 14px;border:1px solid #f3b7b3;border-radius:10px;color:var(--danger);background:var(--danger-bg);font-size:.93rem}.login-help{margin:24px 0 0;color:var(--muted);text-align:center;font-size:.87rem;line-height:1.5}@media(max-width:420px){.login-page{padding:0}.login-card{min-height:100vh;border:0;border-radius:0;box-shadow:none}}