main {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
}
.login-container {
    max-width: 420px;
    margin: 2rem auto;
    padding: 2.5rem;
    background-color: var(--secondary-bg);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    border: 1px solid var(--border-color);
}
html[data-theme='dark'] .login-container {
     box-shadow: 0 4px 15px rgba(0,0,0,0.4);
}
.login-container .section-title {
    font-size: 1.8rem;
    margin-bottom: 0.75rem;
}
.login-container .login-subtitle {
     text-align: center;
     margin-bottom: 2rem;
     opacity: 0.8;
     line-height: 1.5;
}
.login-container .form-submit {
    width: 100%;
    padding: 0.9rem;
    background-color: var(--accent-gold);
    color: #1a1a1a;
    transition: background-color 0.2s, transform 0.1s;
}
html[data-theme='dark'] .login-container .form-submit {
     color: #111111;
}
.login-container .form-submit:hover {
    background-color: color-mix(in srgb, var(--accent-gold) 90%, black);
}
 .login-container .form-submit:active {
    transform: scale(0.98);
}
/* Style to hide the honeypot field from users */
.honeypot-field {
    position: absolute;
    left: -5000px;
    visibility: hidden;
}