body{font-family:Arial,sans-serif;margin:40px;background-color:#f9f9f9;line-height:1.6;font-size:16px}.centered-page{display:flex;justify-content:center;align-items:center;height:100vh;margin:0}.container{background-color:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:400px;width:100%}h2{text-align:center;margin-bottom:30px;font-size:24px}form{display:flex;flex-direction:column;gap:15px}input{padding:12px;font-size:16px;border:1px solid #ccc;border-radius:6px}button{padding:12px;font-size:16px;background-color:#007bff;color:#fff;border:none;border-radius:6px;cursor:pointer;margin-right:20px}button:hover{background-color:#0056b3}p{text-align:center;margin-top:15px}#messages{border:1px solid #ccc;padding:15px;height:300px;background-color:#fff;overflow-y:auto;max-width:600px;margin-bottom:20px;border-radius:6px}.message{padding:10px;margin-bottom:12px;border-bottom:1px solid #eee}#chat-form{display:flex;gap:10px;max-width:600px;margin-bottom:20px}#message{flex:1;padding:12px;font-size:16px;border-radius:6px;border:1px solid #ccc}#logout-btn{background-color:#dc3545}#logout-btn:hover{background-color:#a72834}