/**
 * Cosmic main — 흰 배경 고정 (배경 방해 요소 제거)
 */

body .cosmic-bg {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	overflow: hidden;
}

/* 꽃돼지 모드 — 페이지 배경은 흰색, 카드 안만 밤하늘 그라데이션 */
body:not(.neo-mode) {
	background: #ffffff;
	background-image: none;
	background-color: #ffffff;
	color: #1f2937;
}

/* ─── 빛나는 별 애니메이션 (shine) ─── */
@keyframes cosmic-twinkle {
	from { opacity: 0.35; transform: scale(0.9); }
	to   { opacity: 0.95; transform: scale(1.15); }
}
@keyframes cosmic-star-shine {
	0%, 100% {
		opacity: 0.5;
		transform: scale(1);
		box-shadow: 0 0 4px currentColor, 0 0 8px currentColor;
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
		box-shadow: 0 0 10px currentColor, 0 0 20px currentColor;
	}
}
@keyframes cosmic-star-flower-glow {
	0%, 100% {
		opacity: 0.75;
		transform: translate(-50%, -50%) scale(1);
		filter: drop-shadow(0 0 8px rgba(255, 220, 150, 0.6));
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.08);
		filter: drop-shadow(0 0 20px rgba(255, 230, 180, 0.9));
	}
}
@keyframes logo-star-flower-pulse {
	0%, 100% {
		opacity: 0.85;
		transform: translate(-50%, -50%) scale(1) rotate(0deg);
		filter: drop-shadow(0 0 6px rgba(255, 220, 180, 0.5));
	}
	50% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1.06) rotate(3deg);
		filter: drop-shadow(0 0 16px rgba(255, 235, 200, 0.8));
	}
}

/* 꽃돼지 모드: 참조 사이트처럼 부드러운 별빛 (핑크·골드·블루) */
body:not(.neo-mode) .cosmic-star {
	position: absolute;
	width: 3px;
	height: 3px;
	background: #b8d2ff;
	border-radius: 50%;
	animation: cosmic-star-shine 2.5s ease-in-out infinite;
	opacity: 0.7;
	box-shadow: 0 0 6px #b8d2ff;
	/* TASK5: GPU layer - scale/opacity animation */
	will-change: transform, opacity;
}
body:not(.neo-mode) .cosmic-star--pink {
	background: #ffc8e0;
	box-shadow: 0 0 6px #ffc8e0;
	animation-delay: 0.5s;
}
body:not(.neo-mode) .cosmic-star--gold {
	background: #ffecb8;
	box-shadow: 0 0 8px #ffecb8;
	animation-delay: 0.3s;
}
@media (prefers-reduced-motion: reduce) {
	body:not(.neo-mode) .cosmic-star {
		animation: none;
		opacity: 0.7;
		transform: none;
		box-shadow: 0 0 4px currentColor;
	}
	.cosmic-star-flower,
	.logo-star-flower {
		animation: none !important;
	}
}
body:not(.neo-mode) .cosmic-star--1  { left: 5%;  top: 8%;  animation-delay: 0s; }
body:not(.neo-mode) .cosmic-star--2  { left: 22%; top: 14%; animation-delay: 0.4s; }
body:not(.neo-mode) .cosmic-star--3  { left: 45%; top: 6%;  animation-delay: 0.8s; }
body:not(.neo-mode) .cosmic-star--4  { left: 78%; top: 12%; animation-delay: 1.2s; }
body:not(.neo-mode) .cosmic-star--5  { left: 92%; top: 22%; animation-delay: 1.6s; }
body:not(.neo-mode) .cosmic-star--6  { left: 12%; top: 42%; animation-delay: 2s; }
body:not(.neo-mode) .cosmic-star--7  { left: 38%; top: 38%; animation-delay: 0.3s; }
body:not(.neo-mode) .cosmic-star--8  { left: 68%; top: 35%; animation-delay: 0.7s; }
body:not(.neo-mode) .cosmic-star--9  { left: 88%; top: 48%; animation-delay: 1.1s; }
body:not(.neo-mode) .cosmic-star--10 { left: 8%;  top: 68%; animation-delay: 1.5s; }
body:not(.neo-mode) .cosmic-star--11 { left: 52%; top: 72%; animation-delay: 1.9s; }
body:not(.neo-mode) .cosmic-star--12 { left: 82%; top: 78%; animation-delay: 0.5s; }
body:not(.neo-mode) .cosmic-star--13 { left: 28%; top: 85%; animation-delay: 0.9s; }
body:not(.neo-mode) .cosmic-star--14 { left: 58%; top: 18%; animation-delay: 1.3s; }
body:not(.neo-mode) .cosmic-star--15 { left: 15%; top: 55%; animation-delay: 1.7s; }
body:not(.neo-mode) .cosmic-star--16 { left: 35%; top: 25%; animation-delay: 0.2s; }
body:not(.neo-mode) .cosmic-star--17 { left: 72%; top: 62%; animation-delay: 1.6s; }
body:not(.neo-mode) .cosmic-star--18 { left: 18%; top: 78%; animation-delay: 0.8s; }

/* ─── 별모양 꽃 (전체 배경) ─── */
.cosmic-star-flower {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	top: 18%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle at 50% 50%, #fff8e7 0%, #ffecb8 35%, rgba(255, 220, 150, 0.9) 100%);
	clip-path: polygon(
		50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%
	);
	animation: cosmic-star-flower-glow 4s ease-in-out infinite;
	opacity: 0.85;
	pointer-events: none;
}
.cosmic-star-flower--2 {
	top: 72%;
	left: 88%;
	width: 32px;
	height: 32px;
	animation-delay: 1.5s;
	background: radial-gradient(circle at 50% 50%, #ffe0f0 0%, #ffc8e0 40%, rgba(255, 180, 220, 0.85) 100%);
}
.cosmic-star-flower--3 {
	top: 55%;
	left: 12%;
	width: 28px;
	height: 28px;
	animation-delay: 2.5s;
	background: radial-gradient(circle at 50% 50%, #e7f0ff 0%, #b8d2ff 45%, rgba(180, 210, 255, 0.9) 100%);
}

/* ─── 로고 영역 별모양 꽃 ─── */
.logo-star-flower {
	position: absolute;
	width: 36px;
	height: 36px;
	left: 50%;
	top: 14%;
	transform: translate(-50%, -50%);
	background: radial-gradient(circle at 50% 50%, #fff8e7 0%, #ffecb8 40%, rgba(255, 220, 150, 0.95) 100%);
	clip-path: polygon(
		50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%
	);
	animation: logo-star-flower-pulse 3.5s ease-in-out infinite;
	opacity: 0.9;
	pointer-events: none;
	z-index: 1;
}
/* 꽃돼지 모드: 참조 사이트처럼 별꽃 노출 (골드·핑크·블루) */
body:not(.neo-mode) .logo-star-flower {
	background: radial-gradient(circle at 50% 50%, #fffbf0 0%, #ffecb8 45%, rgba(255, 220, 150, 0.9) 100%);
}
body.neo-mode .logo-star-flower {
	background: radial-gradient(circle at 50% 50%, #2a1a00 0%, #ffd54f 35%, rgba(255, 220, 120, 0.9) 100%);
	filter: drop-shadow(0 0 10px rgba(255, 220, 120, 0.5));
}

body .wrap { position: relative; z-index: 1; }

/* ═══════════════════════════════════════════════════════════════
   메인 화면 우주 컨셉 — 별 반짝임 애니메이션 + 생년월일/정보 입력 영역
   ═══════════════════════════════════════════════════════════════ */

/* 별 반짝임 애니메이션 (메인 히어로 전용, 더 선명하게) */
@keyframes cosmic-logo-star-twinkle {
	0%, 100% {
		opacity: 0.45;
		transform: scale(0.85);
		box-shadow: 0 0 2px rgba(255,255,255,0.4);
	}
	50% {
		opacity: 1;
		transform: scale(1.35);
		box-shadow: 0 0 8px rgba(255,255,255,0.9), 0 0 14px rgba(200,180,255,0.5);
	}
}

/* 별밭 레이어 반짝임 (여러 점이 동시에 깜빡임) */
@keyframes cosmic-starfield-pulse {
	0%, 100% { opacity: 0.5; }
	50% { opacity: 1; }
}

/* 꽃돼지 카드 내부 — 별빛이 내리는 애니메이션 (한 패턴 높이만 이동해 무한 루프) */
@keyframes starfall {
	0% { transform: translateY(0); }
	100% { transform: translateY(33.333%); }
}

/* ─── 꽃돼지 모드: 로고 영역 — 참조 사이트처럼 밝은 글래스 + 꽃/벚꽃 포인트 ─── */
/* 카드 안쪽만 그라데이션 밤하늘 + 핑크 포인트 */
body:not(.neo-mode) .logo-area {
	position: relative;
	overflow: clip;
	background: linear-gradient(165deg,
		#1e1a32 0%,
		#252040 25%,
		#2a2545 50%,
		#1f1b35 75%,
		#18142a 100%) !important;
	border: 1px solid rgba(255, 182, 193, 0.45) !important;
	box-shadow:
		0 12px 40px rgba(30, 26, 48, 0.25),
		0 0 0 1px rgba(255, 182, 193, 0.2) inset !important;
}
body:not(.neo-mode) .logo-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 8%;
	right: 8%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 182, 193, 0.6),
		rgba(255, 192, 203, 0.5),
		rgba(255, 182, 193, 0.6),
		transparent
	);
	pointer-events: none;
	z-index: 2;
}
body:not(.neo-mode) .logo-cosmos::before {
	display: none;
}
body:not(.neo-mode) .logo-area h1 {
	color: #fce4ec !important;
	font-weight: 800 !important;
	text-shadow: 0 0 24px rgba(255, 182, 193, 0.5), 0 0 12px rgba(255, 192, 203, 0.4) !important;
	-webkit-text-fill-color: #fce4ec !important;
	background: none !important;
}
body:not(.neo-mode) .logo-area p {
	color: rgba(255, 224, 235, 0.95) !important;
	text-shadow: 0 0 12px rgba(255, 182, 193, 0.3);
}
body:not(.neo-mode) .logo-area .logo-star {
	display: none;
}

/* 카드 내부 별빛 내리는 레이어 (꽃돼지 전용) */
body:not(.neo-mode) .logo-area::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: -100%;
	width: 100%;
	height: 300%;
	pointer-events: none;
	z-index: 0;
	background-image:
		radial-gradient(1.5px 1.5px at 8% 2%, rgba(255,255,255,0.9), transparent),
		radial-gradient(1px 1px at 22% 8%, rgba(255,230,250,0.85), transparent),
		radial-gradient(1.5px 1.5px at 38% 4%, rgba(255,240,255,0.8), transparent),
		radial-gradient(1px 1px at 55% 12%, rgba(255,255,255,0.75), transparent),
		radial-gradient(1.5px 1.5px at 72% 3%, rgba(255,220,245,0.9), transparent),
		radial-gradient(1px 1px at 88% 10%, rgba(255,255,255,0.8), transparent),
		radial-gradient(1px 1px at 15% 18%, rgba(255,240,250,0.7), transparent),
		radial-gradient(1.5px 1.5px at 45% 22%, rgba(255,255,255,0.85), transparent),
		radial-gradient(1px 1px at 68% 16%, rgba(255,228,248,0.75), transparent),
		radial-gradient(1.5px 1.5px at 92% 24%, rgba(255,255,255,0.8), transparent),
		radial-gradient(1px 1px at 5% 28%, rgba(255,235,252,0.7), transparent),
		radial-gradient(1.5px 1.5px at 28% 32%, rgba(255,255,255,0.9), transparent),
		radial-gradient(1px 1px at 58% 26%, rgba(255,230,250,0.8), transparent),
		radial-gradient(1px 1px at 82% 30%, rgba(255,245,255,0.75), transparent),
		radial-gradient(1.5px 1.5px at 12% 38%, rgba(255,255,255,0.8), transparent),
		radial-gradient(1px 1px at 48% 42%, rgba(255,220,245,0.85), transparent),
		radial-gradient(1px 1px at 75% 36%, rgba(255,255,255,0.75), transparent),
		radial-gradient(1.5px 1.5px at 35% 48%, rgba(255,240,255,0.8), transparent),
		radial-gradient(1px 1px at 65% 52%, rgba(255,255,255,0.85), transparent),
		radial-gradient(1px 1px at 18% 58%, rgba(255,230,250,0.7), transparent),
		radial-gradient(1.5px 1.5px at 52% 62%, rgba(255,245,255,0.8), transparent),
		radial-gradient(1px 1px at 85% 56%, rgba(255,255,255,0.75), transparent);
	background-size: 100% 33.333%;
	background-repeat: repeat-y;
	will-change: transform;
	animation: starfall 12s linear infinite;
}
@media (prefers-reduced-motion: reduce) {
	body:not(.neo-mode) .logo-area::after {
		animation: none;
		opacity: 0.6;
	}
}
body:not(.neo-mode) .logo-area .logo-cosmos,
body:not(.neo-mode) .logo-area .normal-logo,
body:not(.neo-mode) .logo-area .neo-logo,
body:not(.neo-mode) .logo-area .auth-quick-links {
	position: relative;
	z-index: 1;
}

/* ─── Zone 1: 로고/히어로 — 백사자 스타일 다크+골드 (neo 전용) ─── */
body.neo-mode .logo-area {
	position: relative;
	overflow: clip;
	background:
		radial-gradient(ellipse at 22% -5%,  rgba(255, 215, 0, 0.12) 0%, transparent 50%),
		radial-gradient(ellipse at 78% 105%, rgba(255, 193, 7, 0.1) 0%, transparent 50%),
		linear-gradient(180deg, rgba(10, 11, 16, 0.98) 0%, rgba(18, 14, 8, 0.99) 100%) !important;
	border: 1px solid rgba(255, 215, 0, 0.25) !important;
	box-shadow:
		0 12px 40px rgba(0, 0, 0, 0.4),
		0 0 0 1px rgba(255, 215, 0, 0.08) inset !important;
}

body.neo-mode .logo-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 8%;
	right: 8%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 235, 150, 0.6),
		rgba(255, 215, 0, 0.5),
		rgba(255, 235, 150, 0.6),
		transparent
	);
	pointer-events: none;
	z-index: 2;
}

/* 메인 히어로 별밭 레이어 — 골드/흰 별 반짝임 (neo 전용) */
body.neo-mode .logo-cosmos::before {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(1.5px 1.5px at 8% 12%, rgba(255,255,255,0.95), transparent),
		radial-gradient(1px 1px at 25% 8%, rgba(255,255,255,0.8), transparent),
		radial-gradient(2px 2px at 42% 15%, rgba(255,240,220,0.9), transparent),
		radial-gradient(1px 1px at 62% 6%, rgba(255,255,255,0.75), transparent),
	radial-gradient(1.5px 1.5px at 85% 18%, rgba(255,235,200,0.9), transparent),
	radial-gradient(1px 1px at 15% 45%, rgba(255,255,255,0.6), transparent),
	radial-gradient(1px 1px at 55% 38%, rgba(255,236,200,0.7), transparent),
	radial-gradient(2px 2px at 78% 48%, rgba(255,248,220,0.85), transparent),
		radial-gradient(1px 1px at 10% 72%, rgba(255,255,255,0.5), transparent),
		radial-gradient(1.5px 1.5px at 35% 82%, rgba(255,240,220,0.8), transparent),
		radial-gradient(1px 1px at 68% 75%, rgba(255,255,255,0.65), transparent),
		radial-gradient(1px 1px at 92% 88%, rgba(255,255,255,0.7), transparent),
		radial-gradient(1px 1px at 5% 28%, rgba(255,255,255,0.55), transparent),
		radial-gradient(1px 1px at 48% 58%, rgba(255,248,240,0.6), transparent),
		radial-gradient(1px 1px at 88% 32%, rgba(255,255,255,0.5), transparent);
	animation: cosmic-starfield-pulse 4s ease-in-out infinite;
	opacity: 0.85;
}

/* 로고 영역 내 개별 별 — 반짝이는 애니메이션 (neo 전용) */
body.neo-mode .logo-area .logo-star {
	background: #fff !important;
	box-shadow: 0 0 4px rgba(255,255,255,0.5), 0 0 8px rgba(255, 215, 0, 0.3);
	animation: cosmic-logo-star-twinkle 2.8s ease-in-out infinite !important;
}
body.neo-mode .logo-area .logo-star--1 { animation-delay: 0s !important; }
body.neo-mode .logo-area .logo-star--2 { animation-delay: 0.5s !important; }
body.neo-mode .logo-area .logo-star--3 { animation-delay: 1s !important; }
body.neo-mode .logo-area .logo-star--4 { animation-delay: 1.5s !important; }
body.neo-mode .logo-area .logo-star--5 { animation-delay: 0.3s !important; }
body.neo-mode .logo-area .logo-star--6 { animation-delay: 1.8s !important; }
body.neo-mode .logo-area .logo-star--7 { animation-delay: 0.8s !important; }
body.neo-mode .logo-area .logo-star--8 { animation-delay: 1.2s !important; }
body.neo-mode .logo-area .logo-star--9 {
	width: 2px; height: 2px; top: 18%; left: 72%;
	animation-delay: 0.4s !important;
}
body.neo-mode .logo-area .logo-star--10 {
	width: 1px; height: 1px; top: 52%; left: 18%;
	animation-delay: 1.6s !important;
}
body.neo-mode .logo-area .logo-star--11 {
	width: 2px; height: 2px; top: 68%; left: 58%;
	animation-delay: 0.6s !important;
}
body.neo-mode .logo-area .logo-star--12 {
	width: 1px; height: 1px; top: 35%; left: 42%;
	animation-delay: 1.4s !important;
}

/* 백사자 스타일: 로고 타이틀/부제 (neo 전용) */
body.neo-mode .logo-area h1 {
	color: #FFD700 !important;
	font-weight: 800 !important;
	text-shadow: 0 0 16px rgba(255, 215, 0, 0.4), 0 1px 2px rgba(0,0,0,0.3) !important;
	-webkit-text-fill-color: #FFD700 !important;
	background: none !important;
}
body.neo-mode .logo-area p {
	color: rgba(255, 224, 130, 0.85) !important;
}

/* ─── 꽃돼지 모드: 입력 섹션 — 흰 배경 위 깔끔한 카드, 가독성 개선 ─── */
body:not(.neo-mode) .card.input-section {
	position: relative;
	overflow: hidden;
	background: rgba(255, 250, 253, 0.98) !important;
	border: 1px solid rgba(255, 182, 193, 0.45) !important;
	box-shadow:
		0 10px 32px rgba(255, 182, 193, 0.08),
		0 0 0 1px rgba(255, 255, 255, 0.9) inset !important;
}
body:not(.neo-mode) .card.input-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 182, 193, 0.55),
		rgba(255, 192, 203, 0.5),
		rgba(255, 182, 193, 0.55),
		transparent
	);
	pointer-events: none;
}
body:not(.neo-mode) .card.input-section::after {
	display: none;
}
body:not(.neo-mode) .card.input-section .form-label {
	color: #5c3d52 !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em;
}
body:not(.neo-mode) .card.input-section .inp,
body:not(.neo-mode) .card.input-section .form-country-select {
	background: rgba(255, 255, 255, 0.95) !important;
	border: 1px solid rgba(200, 170, 195, 0.5) !important;
	color: #2d2438 !important;
	border-radius: 12px;
}
body:not(.neo-mode) .card.input-section .inp:focus {
	border-color: rgba(255, 139, 167, 0.6) !important;
	box-shadow: 0 0 0 2px rgba(255, 139, 167, 0.12) !important;
	background: #fff !important;
}
body:not(.neo-mode) .card.input-section .inp::placeholder {
	color: rgba(100, 80, 110, 0.45) !important;
}
body:not(.neo-mode) .card.input-section .form-radio-row label {
	color: #5c3d52 !important;
}
body:not(.neo-mode) .card.input-section .birth-time-tip {
	color: #6b4d5c !important;
	background: rgba(255, 240, 248, 0.9) !important;
	border: 1px solid rgba(255, 182, 193, 0.4) !important;
	border-radius: 10px;
	padding: 10px 14px;
}
body:not(.neo-mode) .card.input-section .toggle-wrap {
	background: rgba(255, 252, 254, 0.9) !important;
	border: 1px solid rgba(255, 182, 193, 0.35) !important;
	border-radius: 12px;
}
body:not(.neo-mode) .card.input-section .tog-btn {
	color: #6b4d5c !important;
}
body:not(.neo-mode) .card.input-section .tog-btn.on {
	background: linear-gradient(135deg, rgba(255, 139, 167, 0.2), rgba(244, 114, 182, 0.15)) !important;
	border-color: rgba(255, 139, 167, 0.5) !important;
	color: #8b3a5c !important;
	box-shadow: 0 0 12px rgba(255, 139, 167, 0.15) !important;
}
body:not(.neo-mode) .card.input-section .dp-save-btn {
	background: linear-gradient(135deg, #f472b6 0%, #ec4899 100%) !important;
	box-shadow: 0 4px 20px rgba(244, 114, 182, 0.35) !important;
	border: 1px solid rgba(255, 255, 255, 0.4) !important;
}
body:not(.neo-mode) .card.input-section .btn-main {
	background: linear-gradient(90deg, #a78bfa 0%, #8b5cf6 50%, #7c3aed 100%) !important;
	box-shadow: 0 4px 20px rgba(124, 58, 237, 0.35) !important;
}
body:not(.neo-mode) .card.input-section .fortune-point-notice {
	background: rgba(255, 248, 252, 0.95) !important;
	border: 1px solid rgba(255, 182, 193, 0.4) !important;
	color: #4a3d45 !important;
}

/* ─── Zone 2: 생년월일·정보 입력 섹션 — 백사자 스타일 다크+골드 (neo 전용) ─── */
body.neo-mode .card.input-section {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(ellipse at 10% 0%,   rgba(255, 215, 0, 0.08) 0%, transparent 50%),
		radial-gradient(ellipse at 90% 100%, rgba(255, 193, 7, 0.06) 0%, transparent 50%),
		linear-gradient(180deg, rgba(10, 11, 16, 0.96) 0%, rgba(18, 14, 8, 0.98) 100%) !important;
	border: 1px solid rgba(255, 215, 0, 0.22) !important;
	box-shadow:
		0 12px 36px rgba(0, 0, 0, 0.35),
		0 0 0 1px rgba(255, 215, 0, 0.06) inset !important;
}

body.neo-mode .card.input-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 1px;
	background: linear-gradient(
		90deg,
		transparent,
		rgba(255, 235, 150, 0.45),
		rgba(255, 215, 0, 0.4),
		rgba(255, 235, 150, 0.45),
		transparent
	);
	pointer-events: none;
}

/* 입력 섹션 내부 별빛 장식 (neo 전용) */
body.neo-mode .card.input-section::after {
	content: '';
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image:
		radial-gradient(1px 1px at 15% 20%, rgba(255,255,255,0.25), transparent),
		radial-gradient(1px 1px at 88% 15%, rgba(255,255,255,0.2), transparent),
		radial-gradient(1px 1px at 20% 80%, rgba(255,236,200,0.2), transparent),
		radial-gradient(1px 1px at 85% 75%, rgba(255,255,255,0.18), transparent);
	opacity: 0.8;
}

body.neo-mode .card.input-section .form-label {
	color: rgba(255, 224, 130, 0.92) !important;
}

body.neo-mode .card.input-section .inp,
body.neo-mode .card.input-section .form-country-select {
	background: rgba(255, 255, 255, 0.06) !important;
	border: 1px solid rgba(255, 215, 0, 0.28) !important;
	color: rgba(240, 232, 220, 0.95) !important;
}
body.neo-mode .card.input-section .inp:focus {
	border-color: rgba(255, 215, 0, 0.5) !important;
	box-shadow: 0 0 0 2px rgba(255, 215, 0, 0.15), 0 0 20px rgba(255, 193, 7, 0.1) !important;
	background: rgba(255, 255, 255, 0.1) !important;
}
body.neo-mode .card.input-section .inp::placeholder {
	color: rgba(200, 180, 150, 0.5) !important;
}

body.neo-mode .card.input-section .form-radio-row label {
	color: rgba(255, 236, 200, 0.85) !important;
}

body.neo-mode .card.input-section .birth-time-tip {
	color: rgba(255, 224, 130, 0.75) !important;
	background: rgba(40, 35, 20, 0.4) !important;
	border: 1px solid rgba(255, 215, 0, 0.2) !important;
	border-radius: 10px !important;
	padding: 8px 12px !important;
}

body.neo-mode .card.input-section .toggle-wrap {
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid rgba(255, 215, 0, 0.2) !important;
}
body.neo-mode .card.input-section .tog-btn {
	color: rgba(255, 236, 200, 0.75) !important;
}
body.neo-mode .card.input-section .tog-btn.on {
	background: linear-gradient(135deg, rgba(255, 215, 0, 0.2), rgba(255, 193, 7, 0.15)) !important;
	border-color: rgba(255, 215, 0, 0.45) !important;
	color: #ffe082 !important;
	box-shadow: 0 0 16px rgba(255, 215, 0, 0.2) !important;
}

body.neo-mode .card.input-section .dp-save-btn {
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.9) 0%, rgba(251, 191, 36, 0.95) 100%) !important;
	box-shadow: 0 4px 24px rgba(245, 158, 11, 0.4) !important;
	border: 1px solid rgba(255, 255, 255, 0.35) !important;
}
body.neo-mode .card.input-section .btn-main {
	background: linear-gradient(135deg, #b8860b 0%, #daa520 50%, #FFD700 100%) !important;
	box-shadow: 0 6px 24px rgba(255, 215, 0, 0.35) !important;
}

body.neo-mode .card.input-section .fortune-point-notice {
	background: rgba(30, 25, 15, 0.5) !important;
	border: 1px solid rgba(255, 215, 0, 0.18) !important;
	color: rgba(255, 236, 200, 0.9) !important;
}

/* Reduced motion: 별 반짝임 완화 (neo 전용) */
@media (prefers-reduced-motion: reduce) {
	body.neo-mode .logo-area .logo-star {
		animation: none !important;
		opacity: 0.85 !important;
		transform: scale(1) !important;
	}
	body.neo-mode .logo-cosmos::before {
		animation: none !important;
		opacity: 0.75 !important;
	}
}