:root{--green:#1b5e20;--green2:#2e7d32;--ink:#0f172a;--muted:#64748b;--line:#dbe4dd;--danger:#b42318}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;padding:22px;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 15%,rgba(76,175,80,.22),transparent 27%),radial-gradient(circle at 88% 85%,rgba(46,125,50,.17),transparent 29%),#080b09}.login-card{width:min(100%,450px);overflow:hidden;border-radius:19px;background:#fff;box-shadow:0 25px 75px rgba(0,0,0,.3)}.login-head{padding:31px;text-align:center;color:#fff;background:#080b09;border-bottom:4px solid var(--green)}.login-head img{width:260px;max-width:90%;padding:7px 10px;border-radius:12px;background:#fff}.login-head h1{margin:18px 0 5px;font-size:1.38rem}.login-head p{margin:0;color:#9ca9a0;font-size:.82rem}.login-body{padding:32px}.login-alert{display:flex;gap:9px;margin-bottom:18px;padding:12px;border-radius:9px;background:#fee2e2;color:var(--danger);font-size:.82rem}.login-alert.info{background:#e8f5e9;color:var(--green)}.login-field{display:grid;gap:7px;margin-bottom:17px}.login-field label{font-size:.79rem;font-weight:700}.login-input{position:relative}.login-input i{position:absolute;left:14px;top:50%;translate:0 -50%;color:#94a3b8}.login-input input{width:100%;padding:13px 42px;border:1px solid #cbd5e1;border-radius:9px;font:inherit}.login-input input:focus{outline:0;border-color:var(--green2);box-shadow:0 0 0 3px rgba(46,125,50,.14)}.login-input button{position:absolute;right:6px;top:50%;translate:0 -50%;border:0;background:transparent;color:#64748b;padding:8px;cursor:pointer}.login-submit{width:100%;margin-top:5px;padding:13px;border:0;border-radius:9px;background:var(--green2);color:#fff;font-weight:800;cursor:pointer}.login-submit:hover{background:var(--green)}.login-foot{display:flex;justify-content:center;gap:7px;margin-top:22px;color:var(--muted);font-size:.75rem}.login-foot a{color:var(--green);font-weight:700;text-decoration:none}@media(max-width:480px){.login-body{padding:25px 21px}.login-head{padding:26px 20px}}