*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f3f6fa;color:#1f2937}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:430px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:34px;box-shadow:0 12px 40px rgba(15,23,42,.08)}.auth-brand{font-size:24px;font-weight:800;margin-bottom:10px}.auth-brand span,.brand span{color:#2563eb}.auth-card h1{margin:0 0 8px}.muted{color:#6b7280}.auth-card label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}.auth-card input{width:100%;padding:12px 13px;border:1px solid #d1d5db;border-radius:8px;font-size:15px}.form-row{display:flex;gap:15px}.between{justify-content:space-between;align-items:center}.checkbox{display:flex!important;align-items:center;gap:7px;font-weight:400!important}.checkbox input{width:auto}.auth-card a{color:#2563eb;text-decoration:none}.btn{border:0;border-radius:8px;padding:12px 16px;cursor:pointer;font-weight:700;text-decoration:none;display:inline-block}.btn-primary{background:#2563eb;color:#fff}.btn-block{width:100%;margin-top:22px}.alert{padding:12px 14px;border-radius:8px;margin:15px 0}.alert-success{background:#dcfce7;color:#166534}.alert-danger{background:#fee2e2;color:#991b1b}.auth-switch{text-align:center;margin-top:24px;font-size:14px}
.auth-body {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Poppins', sans-serif;
    padding: 20px;
}

.auth-container {
    width: 100%;
    max-width: 420px;
}

.auth-card {
    background: white;
    border-radius: 16px;
    padding: 40px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
}

.auth-card h2 {
    color: #333;
    font-weight: 600;
}

.auth-card .form-label {
    font-weight: 500;
    color: #555;
}

.auth-card .form-control {
    padding: 12px 15px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

.auth-card .form-control:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
}

.auth-card .btn-primary {
    background: #667eea;
    border-color: #667eea;
    padding: 12px;
    border-radius: 8px;
    font-weight: 500;
}

.auth-card .btn-primary:hover {
    background: #5a6fd6;
    border-color: #5a6fd6;
}

.auth-card a {
    color: #667eea;
    text-decoration: none;
}

.auth-card a:hover {
    text-decoration: underline;
}

.form-check-input{
    max-width: 0.5em !important;
    margin: 5px;
}

/* .auth-logo {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
} */


.logo-container{
    background-color: #fff;
    border-radius: 16px;
    max-width: 290px;
    padding: 5px;
    margin: 5px 15px;
}

.logo-container .logo-img, .auth-logo{
    width: 100%;
}