*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#182f42;font:16px system-ui,sans-serif}main{max-width:420px;margin:8vh auto;padding:28px;background:white;border-radius:16px}h1{font-size:24px}label{display:block;margin:20px 0 8px}input,button{width:100%;padding:14px;font:inherit;border-radius:8px;border:1px solid #bcc6ce}button{margin-top:24px;background:#183d54;color:white;cursor:pointer}p{line-height:1.6}.error{color:#a21d27}.remember{display:flex;gap:10px;align-items:center}.remember input{width:20px;height:20px;flex-shrink:0}@media(max-width:480px){main{margin:24px 12px}}