.auth-section{
    padding:var(--s-10) 0;
    min-height:100vh;
}

.auth-grid{
    max-width: 700px;
    display:flex;
    gap:var(--s-9);
    flex-direction: column;
    align-items:center}

@media (min-width:880px){.auth-grid{grid-template-columns:1fr 1fr;gap:var(--s-10)}}

.auth-aside{padding:var(--s-7);background:var(--indigo-900);color:#fff;border-radius:var(--radius);position:relative;overflow:hidden}
.auth-aside::before{content:"";position:absolute;top:-100px;right:-100px;width:340px;height:340px;background:radial-gradient(closest-side,#1e5e27,transparent 70%);pointer-events:none}
.auth-aside > *{position:relative}
.auth-aside h1{color:#fff;font-size:clamp(1.8rem,3vw + .4rem,2.6rem);margin-bottom:var(--s-3)}
.auth-aside p{color:#A9B2C8}
.bullets{margin-top:var(--s-5);display:flex;flex-direction:column;gap:var(--s-3);padding:0}
.bullets li{display:flex;gap:var(--s-3);align-items:flex-start;font-size:var(--text-sm);color:#D7DDEA;list-style:none}
.bullets li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber-500);margin-top:8px;flex:none}



.auth-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:var(--s-8);box-shadow:var(--shadow-2);width:100%}
.auth-card h2{font-size:var(--text-2xl);margin-bottom:var(--s-5)}
.auth-meta{font-size:var(--text-sm);color:var(--muted);text-align:right; display: flex; justify-content: space-between; align-items: center;}
.auth-meta1{margin-top:var(--s-3);font-size:var(--text-sm);color:var(--muted);text-align:center}
.auth-meta a{color:var(--indigo-700);text-decoration:underline;text-underline-offset:3px}
.auth-meta a:hover{color:var(--indigo-900)}
.auth-meta1 a{color:var(--indigo-700);text-decoration:underline;text-underline-offset:3px}
.auth-meta1 a:hover{color:var(--indigo-900)}

.password-strength{height:6px;background:var(--line-2);border-radius:var(--radius-pill);overflow:hidden;margin-top:6px}
.password-strength span{display:block;height:100%;width:0%;background:var(--danger);transition:all var(--transition)}
.password-strength.medium span{background:var(--amber-500);width:60%}
.password-strength.strong span{background:var(--success);width:100%}


.red {
    color: red !important;
}


/* Loading Overlay Styles */
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.95);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    backdrop-filter: blur(5px);
}

.loader-content p {
    margin-top: 1rem;
    font-size: 1.2rem;
}

/* Spinner logic */
.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid rgba(0, 228, 190, 0.2); /* Faint teal */
    border-top: 5px solid #00e4be;          /* Solid teal */
    border-radius: 50%;
    margin: 0 auto 20px auto;               /* Spacing above the text */
    display: block !important;
    animation: spin 1s linear infinite !important;
}

/* Keyframe for the rotation */
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}