/* Authentication (register / login) page styles */

:root{
    --xkz-primary-pt:#D32F2F;
    --xkz-primary-dark-pt:#B71C1C;
    --xkz-secondary-pt:#757575;
    --xkz-light-pt:#f5f5f5;
    --xkz-text-pt:#333333;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Poppins',sans-serif;line-height:1.6;color:var(--xkz-text-pt);background:var(--xkz-light-pt);}        
a{text-decoration:none;color:inherit;}

/* Background wrapper */
.auth-bg{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);} /* minus approx header+footer */

/* Form Card */
.auth-card{background:#fff;box-shadow:0 6px 24px rgba(0,0,0,.06);border-radius:12px;padding:40px 32px;width:100%;max-width:420px;}
.auth-card h2{margin-bottom:1.5rem;text-align:center;color:var(--xkz-primary-dark-pt);}    
.auth-card input{width:100%;padding:14px;border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:1rem;transition:border-color .3s;}
.auth-card input:focus{border-color:var(--xkz-primary-pt);outline:none;}
.auth-card small{display:block;margin-top:-.75rem;margin-bottom:1rem;color:var(--xkz-secondary-pt);}
.checkbox{display:flex;align-items:center;gap:8px;margin-bottom:1.25rem;font-size:.9rem;}
.checkbox input{width: auto; padding: 0; margin: 0;}
.auth-btn{width:100%;padding:14px;border:none;border-radius:6px;background:var(--xkz-primary-pt);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:.3s all;}
.auth-btn:disabled{background:#ccc;cursor:default;}
.auth-btn:not(:disabled):hover{background:var(--xkz-primary-dark-pt);transform:translateY(-2px);}
.login-link{text-align:center;margin-top:1rem;font-size:.9rem;}
.login-link a{color:var(--xkz-primary-pt);}   

/* Error message */
.error-msg{color:var(--xkz-primary-pt);font-size:.85rem;margin-top:-.5rem;margin-bottom:1rem;display:none;}
.error-msg.visible{display:block;}

/* Utility */
.hidden{display:none!important;}
.auth-card .small-link{font-size:.85rem;text-align:right;display:block;margin-top:4px;color:var(--xkz-primary-pt);}

@media(max-width:480px){
    .auth-card{padding:32px 24px;}
}