body{display:flex;align-items:center;justify-content:center;height:100vh;margin:0;font-family:Arial,sans-serif;background-color:#f0f0f0}.app{background-color:#fff;width:30%;padding:20px;border-radius:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}.form{display:flex;flex-direction:column;align-items:center}label{margin:10px 0;text-align:left}input{width:100%;padding:8px;margin-top:4px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}button{width:100%;padding:10px;margin-top:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.toggle{margin-top:20px;text-align:center}.toggle button{background:none;border:none;color:#007bff;cursor:pointer;text-decoration:underline}@media (max-width:600px){.app{width:90%;max-width:none}}