:root{--g:#1a7a4a;--gl:#22a060;--gd:#0f4d2e}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,sans-serif;background:linear-gradient(135deg,#edf7f1,#fff);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}
.card{background:#fff;border-radius:16px;box-shadow:0 8px 40px rgba(0,0,0,.12);padding:44px 40px;width:100%;max-width:380px}
.logo{font-size:1.6rem;font-weight:800;color:var(--gd);text-align:center;margin-bottom:4px;letter-spacing:-.03em}
.logo span{color:var(--gl)}
.sub{text-align:center;color:#6b7280;font-size:.83rem;margin-bottom:24px}
label{display:block;font-size:.82rem;font-weight:600;color:#374151;margin-bottom:5px}
input{width:100%;padding:11px 14px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}
input:focus{border-color:var(--g)}
.f{margin-bottom:16px}
.btn{width:100%;padding:12px;background:var(--g);color:#fff;border:none;border-radius:999px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:4px;transition:background .2s}
.btn:hover{background:var(--gd)}
.err{background:#fef2f2;color:#dc2626;border:1px solid #fca5a5;border-radius:8px;padding:9px 13px;font-size:.86rem;margin-bottom:14px}
.lnk{text-align:center;margin-top:14px;font-size:.82rem}
.lnk a{color:var(--g);text-decoration:none}