.expo-login-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 9998;
}

.expo-login-backdrop[hidden] {
    display: none !important;
}

.expo-login-modal {
	position: fixed;
	inset: 0;
	display: grid;
	place-items: center;
	z-index: 9999;
}

.expo-login-modal[hidden] {
    display: none !important;
}

.expo-login-card {
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	width: min(420px, 92vw);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
	position: relative;
}

.expo-login-close {
	position: absolute;
	right: 10px;
	top: 10px;
	border: none;
	background: transparent;
	font-size: 22px;
	cursor: pointer;
}

.expo-login-card h3 {
	margin: 0 0 8px;
}

.expo-login-card label {
	display: grid;
	gap: 6px;
	margin: 8px 0;
	font-weight: 600;
	color: #1f2f26;
}

.expo-login-card input {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #d0d7de;
}

.expo-login-status {
	margin-top: 10px;
	color: #444;
	font-size: 14px;
}

.expo-otp-field[hidden] {
	display: none !important;
}