@if (Session::has('error'))
<section class="auth-message error">
    <div class="content">
        <h1>
            {{ Session::get('error') }}
        </h1>
    </div>
</section>
@endif
@if (Session::has('success'))
<section class="auth-message success">
    <div class="content">
        <h1>
            {!! Session::get('success') !!}
        </h1>
    </div>
</section>
@endif

<style>
    .auth-message {
        margin: 0px auto;
        padding: 15px;
        border-radius: 5px;
        max-width: 1000px;
        text-align: center;
        font-family: Arial, sans-serif;
        margin-bottom: 50px;
    }

    .auth-message h1 {
        margin: 0;
        font-size: 24px;
    }

    .auth-message.error {
        color: #721c24;
        border: 1px solid #f5c6cb;
    }

    .auth-message.success {
        color: #155724;
        border: 1px solid #c3e6cb;
    }

    .content {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .icon {
        margin-right: 10px;
    }
</style>