/* === Global Styles === */ 
body { font-family:'Segoe UI','Open Sans',sans-serif; margin:0; display:flex; justify-content:center; align-items:center; min-height:100vh; 
  background:url("/assets/issact/data_center_06.jpg") no-repeat center center fixed; background-size:cover; }

.logo { max-width:350px; width:100%; height:auto; margin:0 auto 16px; display:block; }

/* === Card container (common for login, register, reset, update) === */ 
.auth-container { width:100%; max-width:460px; min-width:360px; padding:32px 28px; background:#fff; border-radius:12px; box-shadow:0 6px 18px rgba(0,0,0,0.15); text-align:center; }

/* === Titles === */ 
.auth-container h2 { color:#0096C7; margin-bottom:20px; font-size:22px; font-weight:800; }

/* === Inputs & Selects === */ 
.auth-container input, .auth-container select { width:100%; padding:12px; margin:10px 0; border-radius:6px; border:1px solid #ccc; font-size: 14px; box-sizing:border-box; }

/* === Buttons === */ 
.auth-container button { width:100%; padding:12px; margin-top:12px; border-radius:6px; border:none; background:#0096C7; color:#fff; font-size: 14px; font-weight:500; cursor:pointer; transition:background 0.2s ease; }
.auth-container button:hover { background:#024e69; }

/* === Back link (small link under form) === */ 
.back { text-align:center; margin-top:12px; }
.back a { color:#0096C7; text-decoration:none; font-size: 14px; }
.back a:hover { text-decoration:underline; }

/* === Error messages === */ 
.error { background:#fff1f2; border:1px solid #fecaca; color:#0096C7; padding:10px 12px; border-radius:8px; margin-bottom:12px; text-align:left; font-size: 14px; }

/* === Notice Modal Overlay === */ 
.notice-overlay { position:fixed; inset:0; background:rgba(0,0,0,.4); display:none; align-items:center; justify-content:center; z-index:9999; }
.notice-overlay.show { display:flex; }

.modal-box { background:#fff; padding:32px 40px; border-radius:12px; text-align:center; box-shadow:0 12px 24px rgba(0,0,0,0.25); max-width:460px; width:90%; border:2px solid #0096C7; }
.modal-box h2 { color:#0096C7; margin-bottom:16px; font-size: 18px; }
.modal-box p { font-size: 16px; margin-bottom:16px; }

.btn-close { display:inline-block; padding:10px 22px; margin-top:16px; background:#0096C7; color:#fff; border-radius:6px; font-weight:500; text-decoration:none; transition:background 0.2s; }
.btn-close:hover { background:#1E90FF !important; }

button:active { background-color:#8fc5fc !important; }