:root{
--bg:#f5f6fa;
--card:#ffffff;
--muted:#6b7280;
--accent:#0b5cff;
--danger:#d9534f;
--radius:12px;
font-family: Inter, system-ui, sans-serif;
}


*{box-sizing:border-box}
body{
margin:0;
background:var(--bg);
display:flex;
align-items:center;
justify-content:center;
min-height:100vh;
min-height:100svh;
padding:20px;
}


.card{
width:100%;
max-width:420px;
background:var(--card);
padding:24px;
border-radius:var(--radius);
box-shadow:0 4px 20px rgba(0,0,0,0.06);
}


h1{margin:0 0 12px 0;font-size:20px}
.info{margin:0 0 20px 0;color:var(--muted);font-size:14px}


.label{display:block;margin-bottom:6px;color:var(--muted);font-size:14px}
input[type=password]{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px;margin-bottom:16px;font-size:15px}
input[type=password]:focus{outline:2px solid var(--accent);outline-offset:2px}


.btn{width:100%;padding:12px;background:var(--accent);color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer}
.btn:disabled{opacity:.65;cursor:not-allowed}
.btn:focus-visible{outline:2px solid #0a46bf;outline-offset:2px}


.status{margin-top:16px;font-size:14px;color:var(--muted)}
.status.success{color:green}
.status.error{color:var(--danger)}