/* STREAMING_CHUNK:Styling the main authentication container card... */
.auth-form-container {
max-width: 250px;
margin: 40px auto;
padding: 25px 20px;
background-color: #111111;
border: 2px solid #ff9900;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(255, 153, 0, 0.15);
text-align: center;
}

.auth-form-container h2 {
color: #ff9900;
margin-top: 0;
margin-bottom: 20px;
font-size: 22px;
letter-spacing: 0.08em;
text-transform: uppercase;
border-bottom: 1px solid #333333;
padding-bottom: 10px;
}

/* STREAMING_CHUNK:Formatting error message containers and spacing... */
#auth-error-msg {
color: #ff4444;
font-size: 14px;
margin-bottom: 15px;
min-height: 20px;
font-weight: bold;
}

.auth-form-container form p {
margin: 15px 0;
}

/* STREAMING_CHUNK:Styling text and password input fields... */
.auth-form-container input[type="text"],
.auth-form-container input[type="password"] {
width: 100%;
max-width: 280px;
box-sizing: border-box;
background-color: #000000;
color: #ffffff;
border: 1px solid #444444;
border-radius: 5px;
padding: 12px;
font-size: 15px;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.auth-form-container input[type="text"]:focus,
.auth-form-container input[type="password"]:focus {
border-color: #ff9900;
box-shadow: 0 0 8px rgba(255, 153, 0, 0.4);
outline: none;
}

/* STREAMING_CHUNK:Styling primary action submit buttons... */
.auth-form-container button[type="submit"],
.button-alt {
width: 100%;
max-width: 280px;
background-color: #ff9900;
color: #000000;
font-weight: bold;
font-size: 16px;
padding: 12px;
border: 1px solid #ff9900;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.2s ease, transform 0.1s ease;
}

.button-alt {
background-color: #000;
color: #f90;
border-color: #f90;
}
.button-alt:hover {
background-color: #333;
box-shadow: 0 0 10px rgba(255, 153, 0, 0.5);
}

.auth-form-container button[type="submit"]:hover {
background-color: #ffaa22;
box-shadow: 0 0 10px rgba(255, 153, 0, 0.5);
}

.auth-form-container button[type="submit"]:active,
.button-alt:active {
transform: scale(0.98);
}

/* STREAMING_CHUNK:Adding responsive layout adjustments for small screens... */
@media (max-width: 480px) {
.auth-form-container {
margin: 20px auto;
padding: 20px 15px;
width: 90%;
}
}