/* 전체 화면 덮기 */
#redirect-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #f8fafc; /* 배경색: 아주 연한 회색 */
z-index: 999999;
display: flex;
justify-content: center;
align-items: center;
font-family: 'Pretendard', -apple-system, BlinkMacSystemFont, system-ui, Roboto, sans-serif;
}

/* 카드 디자인 */
.redirect-card {
background: white;
padding: 40px 30px;
border-radius: 20px;
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
text-align: center;
max-width: 400px;
width: 90%;
border: 1px solid #e2e8f0;
}

/* 아이콘 영역 */
.icon-area {
width: 60px;
height: 60px;
background: #e0e7ff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto 20px;
}
.home-icon {
width: 30px;
height: 30px;
color: #4f46e5; /* 포인트 컬러 (보라/남색 계열) */
}

/* 텍스트 스타일 */
.redirect-card h2 {
margin: 0 0 10px;
color: #1e293b;
font-size: 22px;
font-weight: 700;
}
.redirect-card p {
margin: 0 0 30px;
color: #64748b;
font-size: 15px;
line-height: 1.6;
}

/* 로딩 애니메이션 */
.loader-container {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-bottom: 30px;
background: #f1f5f9;
padding: 10px;
border-radius: 8px;
}
.spinner {
width: 16px;
height: 16px;
border: 2px solid #cbd5e1;
border-top-color: #4f46e5;
border-radius: 50%;
animation: spin 1s linear infinite;
}
#countdown-text {
font-size: 13px;
color: #475569;
font-weight: 600;
}

/* 버튼 스타일 */
.redirect-btn {
display: block;
width: 100%;
padding: 16px 0;
background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);
color: white;
text-decoration: none;
border-radius: 12px;
font-weight: 700;
font-size: 16px;
transition: transform 0.2s, box-shadow 0.2s;
box-sizing: border-box;
}
.redirect-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 15px -3px rgba(79, 70, 229, 0.3);
}

@keyframes spin {
to { transform: rotate(360deg); }
}



// 3초(3000ms) 뒤에 이동
setTimeout(function() {
window.location.href = "https://www.cafe2626.com";
}, 3000);