*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;font:15px Arial,sans-serif;color:#223b30;background:radial-gradient(at top right,#d9eee2,transparent 60%),#eef3f1}.login-card{width:min(100%,480px);padding:36px;border:1px solid #c5dcd0;border-radius:22px;background:#fff;box-shadow:0 20px 60px #102b2520}.marca{display:block;font-size:34px;font-weight:800;color:#172e28}.marca span{color:#078455}.login-card small{display:block;color:#5b7265;margin-top:6px}h1{font-size:24px;margin-top:30px}p{line-height:1.6}label{display:block;font-weight:600;margin-top:18px}input:not([type=checkbox]){width:100%;padding:13px;border:1px solid #a8c7b6;border-radius:8px;font:16px Arial;margin-top:7px}.mostrar{display:flex;gap:7px;font-size:13px;align-items:center}button{width:100%;padding:14px;margin-top:12px;border:0;border-radius:9px;background:#13774f;color:white;font-weight:700;font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#loginEstado{color:#b02c37}.rodape{font-size:12px;color:#5c7266;border-top:1px solid #d6e5dd;padding-top:18px;margin-top:24px}[hidden]{display:none!important}input:focus-visible,button:focus-visible{outline:3px solid #88bfa2;outline-offset:2px}
