body {background: #f8fafc; font-family: Tahoma, Arial, sans-serif; margin:0; min-height:100vh;}
.auth-container {
    max-width: 350px;
    margin: 80px auto;
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(60,72,88,0.10);
    padding: 36px 28px 28px 28px;
    text-align: center;
}
.auth-title {font-size: 1.4rem; font-weight: bold; margin-bottom: 18px;}
.auth-form {display: flex; flex-direction: column; gap: 16px;}
.auth-form input {
    padding: 10px 12px;
    border-radius: 8px;
    border: 1px solid #e0e7ef;
    font-size: 1rem;
    outline: none;
    text-align: right;
}
.auth-form button {
    background: linear-gradient(90deg, #4f8cff 0%, #6ee7b7 100%);
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px;
    font-size: 1rem;
    font-weight: bold;
    cursor: pointer;
    transition: background 0.2s;
}
.auth-form button:hover {background: linear-gradient(90deg, #6ee7b7 0%, #4f8cff 100%);}
.auth-error {color: #e74c3c; margin-bottom: 8px; font-size: 0.98rem;}
.welcome {margin: 80px auto; text-align: center; font-size: 1.3rem; color: #222;}
.logout-link {display:inline-block; margin-top:24px; color:#4f8cff; text-decoration:none; font-size:1rem;}