#carage-native-login, #carage-native-login * { box-sizing: border-box; }
#carage-native-login {
  position: fixed; z-index: 1000; inset: 0 0 auto; height: 100dvh;
  overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
  background: #f3f6f8; color: #192a38;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  font-size: 16px; line-height: 1.5; -webkit-text-size-adjust: 100%;
}
#carage-native-login .carage-login-card { width: 100%; max-width: 480px; margin: 0 auto; background: #fff; border: 1px solid #dfe7ed; border-radius: 16px; overflow: hidden; }
#carage-native-login .carage-login-brand { padding: 16px 22px; display: flex; align-items: center; justify-content: space-between; gap: 16px; background: #172330; color: white; }
#carage-native-login .carage-login-logo { object-fit: contain; object-position: left; max-width: 55%; filter: brightness(0) invert(1); }
#carage-native-login .carage-login-role { font-size: 11px; letter-spacing: .14em; color: #b9cad8; }
#carage-native-login .carage-login-intro { display: none; }
#carage-native-login .carage-login-main { padding: 24px; }
#carage-native-login .carage-login-eyebrow { margin: 0 0 8px; color: #087fa8; font-size: 11px; font-weight: 700; letter-spacing: .13em; }
#carage-native-login h1 { margin: 0; font-size: 28px; line-height: 1.2; letter-spacing: -.6px; }
#carage-native-login .carage-login-welcome { margin: 10px 0 24px; color: #5d6d79; font-size: 14px; }
#carage-native-login label { display: block; margin: 16px 0 6px; font-size: 14px; font-weight: 600; }
#carage-native-login input { display: block; width: 100%; min-width: 0; height: 52px; border: 1px solid #b9c9d5; border-radius: 8px; background: #fff; color: #192a38; padding: 12px 14px; font: inherit; font-size: 16px; line-height: 24px; appearance: none; -webkit-appearance: none; -webkit-user-select: text; user-select: text; touch-action: auto; scroll-margin: 20px; }
#carage-native-login input:focus { outline: 2px solid #087fa8; outline-offset: 1px; }
#carage-native-login .carage-login-password-row { display: flex; align-items: stretch; gap: 8px; }
#carage-native-login .carage-login-password-row input { flex: 1; }
#carage-native-login button { font: inherit; font-size: 15px; min-height: 48px; cursor: pointer; touch-action: manipulation; border-radius: 8px; }
#carage-native-login .carage-login-reveal { border: 1px solid #b9c9d5; color: #192a38; background: #f3f6f8; width: 64px; flex: 0 0 64px; padding: 8px; }
#carage-native-login .carage-login-submit { width: 100%; margin-top: 24px; border: 0; padding: 14px 16px; background: #087fa8; color: white; font-weight: 600; }
#carage-native-login button:disabled { opacity: .65; cursor: wait; }
#carage-native-login button:focus-visible { outline: 2px solid #087fa8; outline-offset: 3px; }
#carage-native-login .carage-login-error { color: #922736; background: #fcecef; padding: 12px; border-radius: 8px; font-size: 14px; overflow-wrap: anywhere; }
#carage-native-login .carage-login-notice { color: #192a38; background: #e8f6fb; padding: 12px; border-radius: 8px; font-size: 14px; }
#carage-native-login [hidden] { display: none !important; }
#carage-native-login .carage-login-footer { margin: 20px 0 0; color: #5d6d79; font-size: 12px; text-align: center; }
@media (min-width: 980px) and (min-height: 650px) {
  #carage-native-login { display: grid; align-items: center; padding: 40px; }
  #carage-native-login .carage-login-card { display: grid; grid-template-columns: 1fr 1fr; max-width: 1080px; }
  #carage-native-login .carage-login-brand { display: block; padding: 48px; }
  #carage-native-login .carage-login-role { display: block; margin-top: 12px; }
  #carage-native-login .carage-login-intro { display: block; margin-top: 80px; }
  #carage-native-login .carage-login-intro h2 { font-size: 36px; line-height: 1.2; letter-spacing: -1px; }
  #carage-native-login .carage-login-intro p { color: #bbcbd6; }
  #carage-native-login .carage-login-main { padding: 48px; }
}
@media (max-width: 359px), (max-height: 450px) {
  #carage-native-login { padding: 12px; }
  #carage-native-login .carage-login-main { padding: 18px; }
  #carage-native-login .carage-login-brand { padding: 10px 18px; }
  #carage-native-login .carage-login-welcome { margin-bottom: 16px; }
}