/* ══ WELCOME PAGE ══════════════════════════════════════════ */
.welcome-page {
  min-height: 100vh;
  background: var(--blue);
  display: flex; align-items: center; justify-content: center;
}
.welcome-box { text-align: center; }
.welcome-title {
  color: white; font-size: 72px; font-weight: 900;
  letter-spacing: 4px; margin-bottom: 48px;
}
.welcome-btn {
  background: white; border: none; border-radius: 30px;
  padding: 14px 48px; font-size: 18px; color: #374151;
  cursor: pointer; font-weight: 500; font-family: inherit;
  box-shadow: 0 4px 20px rgba(0,0,0,0.25);
  text-decoration: none; display: inline-block;
}

/* ══ LOGIN PAGE ════════════════════════════════════════════ */
.login-page {
  min-height: 100vh;
  background: var(--blue);
  display: flex; align-items: center; justify-content: center;
}
.login-card {
  background: #EAECEF; border-radius: 24px;
  padding: 40px 48px; width: 460px;
  border: 3px solid #4A90D9;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
.login-header { display:flex;flex-direction:column;align-items:center;margin-bottom:28px; }
.login-title { color:var(--blue);font-size:26px;font-weight:bold;margin:12px 0 4px; }
.login-sub { color:#374151;font-size:14px;text-align:center; }
.login-field { margin-bottom:18px; }
.login-field label { font-weight:bold;display:block;margin-bottom:6px; }
.login-input-wrap { background:white;border-radius:25px;padding:10px 16px;display:flex;align-items:center;gap:8px; }
.login-input-wrap input { border:none;outline:none;flex:1;background:transparent;font-size:15px;font-family:inherit; }
.login-submit { display:flex;justify-content:center;margin:8px 0 14px; }
.login-submit-btn { background:#9CA3AF;border-radius:25px;border:none;padding:12px 64px;font-size:18px;font-weight:bold;color:#374151;cursor:pointer;font-family:inherit; }
.forgot-link { text-align:center; }
.forgot-link a { color:var(--red);font-size:14px;text-decoration:none;cursor:pointer; }

/* ══ RESPONSIVE PAGES ═══════════════════════════════════════ */
@media (max-width: 480px) {
  .welcome-title { font-size:42px;letter-spacing:2px; }
  .welcome-btn { padding:12px 36px;font-size:16px; }

  .login-card { width:92%;padding:28px 20px; }
  .login-title { font-size:22px; }
}