body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#2c3e50;display:flex;justify-content:center;align-items:center}#app{width:50%;height:100%}.chat-container{width:70%;margin:0 auto;max-width:700px;display:flex;flex-direction:column;height:100%;background-color:#333}.login-container{background-color:#34495e;padding:40px;border-radius:5px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.login-form{display:flex;flex-direction:column}input{margin-bottom:20px;padding:15px;border:none;border-radius:5px}.login-title{color:#fff;text-align:center;margin-bottom:1em;margin-left:-1ch}.login-btn,.signup-btn{padding:15px;border:none;border-radius:5px;cursor:pointer}.login-btn{background-color:#e67e22;color:#fff;margin-bottom:1em}.signup-btn{background-color:#bdc3c7}.error-message{color:#e74c3c;font-size:14px;text-align:center;margin-top:10px}::-moz-placeholder{color:#95a5a6}::placeholder{color:#95a5a6}button:focus,input:focus{outline:none}