*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;
 background:#14161a;color:#e8e8ea;font:15px/1.5 system-ui,Segoe UI,Roboto,sans-serif}
.cutie{width:340px;padding:32px;background:#1c1f25;border:1px solid #2b3038;border-radius:12px}
h1{margin:0;font-size:26px;letter-spacing:.5px}
.sub{margin:4px 0 24px;color:#8b93a1;font-size:12.5px}
label{display:block;margin-bottom:14px;font-size:12.5px;color:#9aa3b2}
input{width:100%;margin-top:5px;padding:10px 12px;background:#12141a;color:#e8e8ea;
 border:1px solid #333a45;border-radius:7px;font-size:15px}
input:focus{outline:none;border-color:#4a90d9}
button{width:100%;margin-top:6px;padding:11px;background:#3d7dbf;color:#fff;border:0;
 border-radius:7px;font-size:15px;font-weight:600;cursor:pointer}
button:hover{background:#4a90d9}
.eroare{margin-top:14px;padding:9px 11px;background:#3a1d22;border:1px solid #6b2b33;
 border-radius:7px;color:#ffb4bd;font-size:13px}