:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#f0f0f0;background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;font-family:system-ui,-apple-system,sans-serif;display:flex}main{text-align:center}h1{margin-bottom:16px;font-size:2rem}p{margin-bottom:16px}form{flex-direction:column;gap:8px;max-width:280px;margin:24px auto;display:flex}input{color:#f0f0f0;background:#1a1a1a;border:1px solid #333;border-radius:4px;padding:8px}button{color:#fff;cursor:pointer;background:#5c4dff;border:none;border-radius:4px;padding:8px}button:hover{background:#4a3de8}