/* ===== 기본 설정 ===== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Noto Sans KR', -apple-system, BlinkMacSystemFont, sans-serif;
  line-height: 1.6;
  color: #333;
}

h1, h2, h3, h4, h5 {
  font-family: 'ONE-Mobile-Title', 'Noto Sans KR', sans-serif;
  color: #333;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  transition: all 0.3s ease;
}

/* ===== 헤더 스타일 ===== */
header {
  backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.3s ease;
}

header.scrolled {
  background-color: rgba(255, 255, 255, 0.65);
}

/* ===== 모바일 메뉴 ===== */
#mobileMenu.active {
  opacity: 1;
  pointer-events: all;
}

#mobilePanel.active {
  transform: translateX(0);
}

/* ===== 버튼 스타일 ===== */
.btn-primary {
  background: linear-gradient(135deg, #00A1E4 0%, #0075B4 100%);
  transition: all 0.3s ease;
}

.btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 161, 228, 0.3);
}

/* ===== 카드 효과 ===== */
.card-hover {
  transition: all 0.3s ease;
}

.card-hover:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}

/* ===== 애니메이션 ===== */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fade-in-up {
  animation: fadeInUp 0.6s ease-out;
}