@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=Playfair+Display:wght@700;800&display=swap");
/* CodeLuma 2026 blue skin for sign-in pages (login, forgot / reset password, register). Overrides the older dark theme. */
html.auth-html,body.auth-page{background:linear-gradient(160deg,#eaf3ff 0%,#f0f2f5 55%,#e2eeff 100%)!important;color:#1c1e21!important;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif!important}
body.auth-page .auth-background,body.auth-page .auth-shapes,body.auth-page .shape{display:none!important}
body.auth-page .auth-container{max-width:460px!important;width:100%;margin:0 auto;padding:24px 16px}
body.auth-page .auth-card{background:#fff!important;border:1px solid #dbe3ee!important;border-radius:22px!important;box-shadow:0 8px 32px rgba(10,37,64,.14)!important;color:#1c1e21!important;padding:clamp(24px,5vw,40px)!important;backdrop-filter:none!important}
body.auth-page .auth-logo img{display:none!important}
body.auth-page .auth-logo{display:flex;justify-content:center}
body.auth-page .auth-logo::after{content:"CodeLuma Development Inc.";font:800 1.7rem/1.1 "Playfair Display",Georgia,serif;color:#0a2540;letter-spacing:-.01em;text-align:center}
body.auth-page .auth-header{text-align:center;margin-bottom:22px}
body.auth-page .auth-header h1{font:800 1.9rem/1.15 "Playfair Display",Georgia,serif!important;color:#0a2540!important;letter-spacing:-.01em!important;margin:14px 0 6px}
body.auth-page .auth-header p,body.auth-page .auth-footer p{color:#5b6572!important}
body.auth-page label,body.auth-page .form-label,body.auth-page .checkbox-label{color:#0a2540!important;font-weight:700}
body.auth-page .form-input,body.auth-page input[type=text],body.auth-page input[type=email],body.auth-page input[type=password],body.auth-page input[type=number]{background:#fff!important;color:#1c1e21!important;border:1px solid #dbe3ee!important;border-radius:12px!important;min-height:48px;font-size:16px!important}
body.auth-page .form-input:focus,body.auth-page input:focus{border-color:#4599ff!important;box-shadow:0 0 0 4px rgba(24,119,242,.16)!important;outline:0!important}
body.auth-page .input-icon i{color:#1877f2!important}
body.auth-page .password-toggle{color:#5b6572!important}
body.auth-page .auth-form .captcha-container{background:#f3f8ff!important;border:1px solid #c4dcff!important;border-radius:14px!important;color:#0a2540!important}
body.auth-page .auth-form .captcha-question{background:#e7f1ff!important;color:#0f52b6!important;font-family:"Inter",monospace!important;border-radius:10px}
body.auth-page .captcha-container *{color:#0a2540}
body.auth-page .captcha-container .form-input{color:#1c1e21!important}
body.auth-page .btn,body.auth-page .btn-full,body.auth-page button[type=submit]{background:#1877f2!important;background-image:none!important;color:#fff!important;border:0!important;border-radius:12px!important;min-height:50px;font:800 1rem "Inter",Arial,sans-serif!important;letter-spacing:.02em!important;text-transform:none!important;box-shadow:0 8px 22px rgba(24,119,242,.35)!important}
body.auth-page .btn:hover,body.auth-page .btn-full:hover,body.auth-page button[type=submit]:hover{background:#0f52b6!important}
body.auth-page a,body.auth-page .forgot-link,body.auth-page .auth-footer a{color:#1668dc!important;font-weight:700}
body.auth-page .alert{border-radius:12px!important}
body.auth-page .alert-error{background:#fdecec!important;color:#8b1f1f!important;border-color:#f3b8b8!important}
body.auth-page .alert-success,body.auth-page .alert-info,body.auth-page .alert-warning{background:#e7f1ff!important;color:#0f52b6!important;border-color:#c4dcff!important}
body.auth-page .auth-split-right{background:linear-gradient(135deg,#0a2540,#1877f2)!important}
@media (max-width:520px){body.auth-page .auth-container{padding:14px 12px}body.auth-page .auth-header h1{font-size:1.65rem!important}}