.bdl-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 560px;
	width: 100%;
	padding: 60px 20px;
	box-sizing: border-box;
	overflow: hidden;
	font-family: 'Fredoka', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.bdl-overlay {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}

.bdl-particles {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
	pointer-events: none;
}

.bdl-particle {
	position: absolute;
	transform: translate(-50%, -50%);
	will-change: left, top;
}

.bdl-particle-dot {
	display: block;
	border-radius: 50%;
}

.bdl-particle-icon {
	display: block;
	line-height: 1;
}

.bdl-shooting-star {
	position: absolute;
	width: 110px;
	height: 2px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, currentColor 100%);
	transform-origin: left center;
	opacity: 0;
	animation: bdl-shoot 1.3s linear forwards;
}

@keyframes bdl-shoot {
	0% { opacity: 0; transform: rotate(35deg) translateX(0); }
	8% { opacity: 1; }
	85% { opacity: 1; }
	100% { opacity: 0; transform: rotate(35deg) translateX(170px); }
}

@keyframes bdl-twinkle {
	0%, 100% { opacity: 0.15; transform: translate(-50%, -50%) scale(0.8); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}

@keyframes bdl-pulse {
	0%, 100% { opacity: 0.2; transform: translate(-50%, -50%) scale(0.6); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.5); }
}

/* İkonun kendi üzerindeki animasyonu (konum animasyonundan bağımsız, iç elemana uygulanır) */
@keyframes bdl-icon-spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
.bdl-anim-spin { animation: bdl-icon-spin 3s linear infinite; display: inline-block; }

@keyframes bdl-icon-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.55; } }
.bdl-anim-pulse { animation: bdl-icon-pulse 1.8s ease-in-out infinite; display: inline-block; }

@keyframes bdl-icon-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
.bdl-anim-bounce { animation: bdl-icon-bounce 1.4s ease-in-out infinite; display: inline-block; }

@keyframes bdl-icon-fade { 0%, 100% { opacity: 1; } 50% { opacity: 0.15; } }
.bdl-anim-fade { animation: bdl-icon-fade 2.2s ease-in-out infinite; display: inline-block; }

@keyframes bdl-icon-shake { 0%, 100% { transform: rotate(0deg); } 25% { transform: rotate(10deg); } 75% { transform: rotate(-10deg); } }
.bdl-anim-shake { animation: bdl-icon-shake 1s ease-in-out infinite; display: inline-block; }

/* ---------------- Logo ---------------- */
.bdl-logo-wrap {
	position: relative;
	z-index: 2;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	overflow: hidden;
}

.bdl-logo-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* ---------------- Kart ---------------- */
.bdl-box {
	position: relative;
	z-index: 2;
	width: min(420px, 92vw);
	background: linear-gradient(180deg, #eef0f1 0%, #c9cdd0 100%);
	border-radius: 18px;
	padding: 34px 32px 30px;
	box-shadow: 0 25px 60px rgba(0, 0, 0, 0.55);
	text-align: center;
}

.bdl-title {
	margin: 0 0 22px;
	font-family: 'Fredoka', sans-serif;
	font-weight: 600;
	font-size: 1.32rem;
	line-height: 1.35;
	color: #393b3e;
}

.bdl-native-select {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

.bdl-select-wrap {
	position: relative;
	margin-bottom: 24px;
	text-align: left;
}

.bdl-custom-select {
	position: relative;
}

.bdl-select-trigger {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: #fff;
	border: none;
	border-radius: 8px;
	padding: 12px 14px;
	font-family: inherit;
	font-size: 0.98rem;
	font-weight: 500;
	color: #2f3133;
	cursor: pointer;
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.18);
}

.bdl-arrow {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 6px solid #555;
	transition: transform 0.2s ease;
	flex-shrink: 0;
	margin-left: 10px;
}

.bdl-custom-select.is-open .bdl-arrow {
	transform: rotate(180deg);
}

.bdl-options {
	position: absolute;
	left: 0;
	right: 0;
	top: calc(100% + 6px);
	margin: 0;
	padding: 4px 0;
	list-style: none;
	background: #fff;
	border-radius: 8px;
	max-height: 230px;
	overflow-y: auto;
	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.4);
	z-index: 20;
	display: none;
}

.bdl-custom-select.is-open .bdl-options {
	display: block;
}

.bdl-options li {
	padding: 9px 14px;
	font-size: 0.95rem;
	font-weight: 500;
	color: #333;
	cursor: pointer;
}

.bdl-options li:hover,
.bdl-options li.is-selected {
	background: #c7d6f8;
	color: #1b3d7c;
}

.bdl-options::-webkit-scrollbar {
	width: 10px;
}

.bdl-options::-webkit-scrollbar-track {
	background: #f0f0f0;
}

.bdl-options::-webkit-scrollbar-thumb {
	background: #b7b7b7;
	border-radius: 6px;
}

.bdl-buttons {
	display: flex;
	gap: 14px;
	justify-content: center;
	flex-wrap: wrap;
}

.bdl-btn {
	font-family: 'Fredoka', sans-serif;
	font-weight: 600;
	font-size: 0.98rem;
	padding: 11px 28px;
	border: none;
	border-radius: 26px;
	cursor: pointer;
	color: #34363a;
	background: linear-gradient(180deg, #f6f6f6 0%, #d2d2d2 100%);
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.bdl-btn:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.35);
}

.bdl-btn:active {
	transform: translateY(0);
}

.bdl-btn-enter {
	background: linear-gradient(180deg, #e3ecff 0%, #aebde8 100%);
	color: #1c2b52;
}

@media (max-width: 480px) {
	.bdl-box {
		padding: 26px 20px 24px;
	}
	.bdl-title {
		font-size: 1.15rem;
	}
}