body[data-clearcards-page=login]{--cca-bg:#f5f7fc;--cca-card:#fff;--cca-text:#263b59;--cca-muted:#7083a0;--cca-border:#dce7f9;background:var(--cca-bg)!important;color:var(--cca-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;min-height:100vh}
body[data-clearcards-page=login] .auth-wrapper{min-height:90vh;padding:40px 16px;display:flex;align-items:center;justify-content:center}
body[data-clearcards-page=login] .auth-card{width:100%;max-width:440px;background:var(--cca-card);border:1px solid var(--cca-border);border-radius:18px;box-shadow:0 12px 35px #294b7b12;padding:32px;color:var(--cca-text)}
body[data-clearcards-page=login] .brand-header{justify-content:center;margin-bottom:18px}
body[data-clearcards-page=login] .brand-logo{background:#edf4ff;border:1px solid var(--cca-border);border-radius:16px;padding:10px;box-shadow:none}
body[data-clearcards-page=login] .brand-icon{border-radius:10px;object-fit:cover}
body[data-clearcards-page=login] :is(.auth-subtitle,.divider){color:var(--cca-muted)}
body[data-clearcards-page=login] .text-link{color:#347cf0}
body[data-clearcards-page=login] .form-control{background:var(--cca-card);color:var(--cca-text);border:1px solid var(--cca-border);border-radius:9px}
body[data-clearcards-page=login] .form-control:focus{border-color:#347cf0;box-shadow:0 0 0 3px #347cf018}
body[data-clearcards-page=login] .form-floating>label{color:var(--cca-muted)}
body[data-clearcards-page=login] .form-floating>label::after{background:var(--cca-card)!important}
body[data-clearcards-page=login] .btn-gradient{background:#347cf0!important;border:1px solid #347cf0;border-radius:9px;color:#fff;box-shadow:0 4px 12px #347cf024;font-size:15px}
html[data-cc-theme=dark] body[data-clearcards-page=login]{--cca-bg:#101b29;--cca-card:#19283a;--cca-text:#e0e9f6;--cca-muted:#9bb0ca;--cca-border:#34475f}
html[data-cc-theme=dark] body[data-clearcards-page=login] .brand-logo{background:#20344d}
@media(max-width:600px){body[data-clearcards-page=login] .auth-card{padding:24px 20px}body[data-clearcards-page=login] .auth-wrapper{padding:24px 12px;align-items:flex-start;min-height:85vh}}