*{box-sizing:border-box;margin:0;padding:0}
:root{--g:#0F6E56;--g2:#1D9E75;--gl:#E1F5EE;--bg:#F4F7F5;--w:#fff;--br:#E0EAE6;--t:#1A2E26;--t2:#5A7A6E;--rd:#A32D2D;--r:10px;--rl:14px}
body{font-family:'Noto Sans',sans-serif;background:var(--bg);color:var(--t);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{background:var(--w);border-radius:var(--rl);border:1px solid var(--br);padding:32px;max-width:400px;width:100%}
.logo-wrap{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.logo-svg{width:72px;height:72px;flex-shrink:0}
.logo-text h1{font-family:'Montserrat',sans-serif;font-size:16px;font-weight:700;color:var(--t)}
.logo-text p{font-size:11px;color:var(--t2);margin-top:2px}
label{display:block;font-size:12px;font-weight:600;color:var(--t2);text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px}
input{width:100%;padding:10px 12px;border:1px solid var(--br);border-radius:var(--r);font-size:14px;color:var(--t);background:var(--w);font-family:'Noto Sans',sans-serif;margin-bottom:14px;transition:border .15s}
input:focus{outline:none;border-color:var(--g)}
.btn{width:100%;padding:12px;background:var(--g);color:#fff;border:none;border-radius:var(--r);font-size:14px;font-family:'Montserrat',sans-serif;font-weight:600;cursor:pointer;letter-spacing:.3px;transition:background .15s}
.btn:hover{background:#085041}
.err{background:#FCEBEB;color:var(--rd);border:1px solid #F7C1C1;border-radius:var(--r);padding:9px 12px;font-size:13px;margin-bottom:14px}
.hint{text-align:center;font-size:12px;color:var(--t2);margin-top:14px}