:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}.login{min-height:100dvh;display:grid;place-items:center;background:#f3f4f6;padding:1rem}.login__form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000014}.login__title{margin:0 0 .5rem;font-size:1.25rem;text-align:center}.login__label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:#374151}.login__label input{padding:.6rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.login__password-wrap{position:relative}.login__password-wrap input{width:100%;padding-right:2.5rem;box-sizing:border-box}.login__toggle-pw{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:0;padding:.2rem;cursor:pointer;color:#6b7280;display:flex;align-items:center}.login__toggle-pw:hover{color:#374151}.login__error{margin:0;padding:.6rem .75rem;background:#fef2f2;color:#b91c1c;border-radius:8px;font-size:.85rem}.login button{padding:.7rem;border:0;border-radius:8px;background:#1f2937;color:#fff;font-size:1rem;cursor:pointer}.login button:disabled{opacity:.6;cursor:progress}