/* Apple Style Theme - Minimal Color Override */

:root {
  --apple-bg: #0b244d;
  --apple-bg-elevated: #0d2a5a;
  --apple-text: #ffffff;
  --apple-text-secondary: #a8b9d1;
  --apple-blue: #4d9fff;
}

/* Base colors only */
html {
  background: #0b244d !important;
}

body {
  background: #0b244d !important;
  color: #ffffff !important;
}

/* Header */
.header.svelte-14vwvxi {
  background: rgba(13, 42, 90, 0.8) !important;
  border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

.nav-link.svelte-14vwvxi {
  color: #ffffff !important;
}

.nav-link.svelte-14vwvxi:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.05) !important;
}

/* Hero */
.hero-section.svelte-t4cr8w {
  background: #0b244d !important;
}

.hero-background.svelte-t4cr8w {
  display: none !important;
}

.hero-title.svelte-t4cr8w,
.hero-title.svelte-t4cr8w .title-main,
.hero-title.svelte-t4cr8w .title-sub {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

.hero-description.svelte-t4cr8w {
  color: #a8b9d1 !important;
}

/* Buttons - minimal changes */
.btn.svelte-t4cr8w,
.btn.svelte-stldm,
.btn.svelte-10p57wj,
.btn-primary {
  background: #4d9fff !important;
  border-color: #4d9fff !important;
}

.btn.svelte-t4cr8w:hover,
.btn.svelte-stldm:hover,
.btn.svelte-10p57wj:hover {
  background: #6db0ff !important;
}

.btn-secondary.svelte-t4cr8w,
.btn-secondary.svelte-10p57wj {
  background: transparent !important;
  color: #4d9fff !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Cards - Modern Glass Morphism Design */
.card.svelte-11fn1sl {
  background: linear-gradient(135deg, rgba(13, 42, 90, 0.9), rgba(11, 36, 77, 0.8)) !important;
  border: 1px solid rgba(77, 159, 255, 0.2) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 
              0 0 0 1px rgba(255, 255, 255, 0.05) inset !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  overflow: hidden !important;
  position: relative !important;
  padding: 2rem !important;
}

.card.svelte-11fn1sl::before {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background: linear-gradient(135deg, 
    rgba(77, 159, 255, 0.05) 0%, 
    transparent 50%, 
    rgba(77, 159, 255, 0.05) 100%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s ease !important;
  pointer-events: none !important;
}

.card.svelte-11fn1sl:hover {
  transform: translateY(-12px) scale(1.02) !important;
  border-color: rgba(77, 159, 255, 0.5) !important;
  box-shadow: 0 24px 80px rgba(77, 159, 255, 0.25), 
              0 0 0 1px rgba(77, 159, 255, 0.3) inset,
              0 0 60px rgba(77, 159, 255, 0.15) !important;
}

.card.svelte-11fn1sl:hover::before {
  opacity: 1 !important;
}

.card-content.svelte-11fn1sl {
  padding: 2rem !important;
}

.card-title.svelte-11fn1sl,
.card-title.svelte-11fn1sl a {
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  transition: all 0.3s ease !important;
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
  margin-bottom: 1rem !important;
}

.card.svelte-11fn1sl:hover .card-title.svelte-11fn1sl a {
  color: #4d9fff !important;
  text-shadow: 0 0 20px rgba(77, 159, 255, 0.5) !important;
}

.card-excerpt.svelte-11fn1sl,
.card-description.svelte-11fn1sl {
  color: #c5d4e9 !important;
  line-height: 1.8 !important;
  margin-bottom: 1.5rem !important;
  font-size: 1.05rem !important;
}

.card-meta.svelte-11fn1sl,
.card-date.svelte-11fn1sl,
.card-reading-time.svelte-11fn1sl {
  color: #94a3b8 !important;
  font-size: 0.9rem !important;
  margin-top: 1.5rem !important;
}

.card-image-placeholder.svelte-11fn1sl {
  background: linear-gradient(135deg, #0d2a5a, #0b244d) !important;
  border-bottom: 1px solid rgba(77, 159, 255, 0.15) !important;
  position: relative !important;
  overflow: hidden !important;
  height: 200px !important;
  margin: -2rem -2rem 2rem -2rem !important;
  border-radius: 24px 24px 0 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.card-image-placeholder.svelte-11fn1sl::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -100% !important;
  width: 100% !important;
  height: 100% !important;
  background: linear-gradient(90deg, 
    transparent, 
    rgba(77, 159, 255, 0.1), 
    transparent) !important;
  transition: left 0.5s ease !important;
  z-index: 0 !important;
}

.card.svelte-11fn1sl:hover .card-image-placeholder.svelte-11fn1sl::after {
  left: 100% !important;
}

.placeholder-icon.svelte-11fn1sl {
  font-size: 4rem !important;
  filter: drop-shadow(0 4px 12px rgba(77, 159, 255, 0.3)) !important;
  transition: all 0.4s ease !important;
  position: relative !important;
  z-index: 1 !important;
}

.card.svelte-11fn1sl:hover .placeholder-icon.svelte-11fn1sl {
  transform: scale(1.1) rotate(5deg) !important;
  filter: drop-shadow(0 6px 20px rgba(77, 159, 255, 0.5)) !important;
}

.card-arrow.svelte-11fn1sl {
  color: #4d9fff !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin-top: 1rem !important;
}

.card.svelte-11fn1sl:hover .card-arrow.svelte-11fn1sl {
  transform: translateX(8px) !important;
  color: #6db0ff !important;
}

/* Category badges - Enhanced Design */
.category-badge.svelte-11fn1sl {
  background: linear-gradient(135deg, 
    rgba(77, 159, 255, 0.2), 
    rgba(77, 159, 255, 0.1)) !important;
  color: #4d9fff !important;
  border: 1px solid rgba(77, 159, 255, 0.4) !important;
  padding: 0.35rem 0.9rem !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  box-shadow: 0 2px 8px rgba(77, 159, 255, 0.2) !important;
  transition: all 0.3s ease !important;
  position: relative !important;
  z-index: 3 !important;
}

.card-category.svelte-11fn1sl {
  position: absolute !important;
  top: 1.25rem !important;
  left: 1.25rem !important;
  z-index: 10 !important;
  pointer-events: none !important;
}

.card.svelte-11fn1sl:hover .category-badge.svelte-11fn1sl {
  background: linear-gradient(135deg, 
    rgba(77, 159, 255, 0.3), 
    rgba(77, 159, 255, 0.2)) !important;
  box-shadow: 0 4px 16px rgba(77, 159, 255, 0.4) !important;
  transform: scale(1.05) !important;
}

/* Quick links - Modern Card Design */
.quick-link-card.svelte-2dfxr9 {
  background: linear-gradient(135deg, 
    rgba(13, 42, 90, 0.9), 
    rgba(11, 36, 77, 0.8)) !important;
  border: 1px solid rgba(77, 159, 255, 0.2) !important;
  border-radius: 24px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  backdrop-filter: blur(10px) !important;
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 3rem 2rem !important;
}

.quick-link-card.svelte-2dfxr9::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 0 !important;
  height: 0 !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, 
    rgba(77, 159, 255, 0.15), 
    transparent 70%) !important;
  transform: translate(-50%, -50%) !important;
  transition: width 0.6s ease, height 0.6s ease !important;
}

.quick-link-card.svelte-2dfxr9:hover::before {
  width: 400px !important;
  height: 400px !important;
}

.quick-link-card.svelte-2dfxr9:hover {
  transform: translateY(-12px) scale(1.03) !important;
  border-color: rgba(77, 159, 255, 0.5) !important;
  box-shadow: 0 24px 80px rgba(77, 159, 255, 0.3), 
              0 0 0 1px rgba(77, 159, 255, 0.3) inset !important;
}

.card-icon.svelte-2dfxr9 {
  font-size: 3.5rem !important;
  filter: drop-shadow(0 4px 12px rgba(77, 159, 255, 0.4)) !important;
  transition: all 0.4s ease !important;
  margin-bottom: 1.5rem !important;
}

.quick-link-card.svelte-2dfxr9:hover .card-icon.svelte-2dfxr9 {
  transform: scale(1.25) rotate(10deg) !important;
  filter: drop-shadow(0 8px 20px rgba(77, 159, 255, 0.6)) !important;
}

.card-title.svelte-2dfxr9 {
  color: #ffffff !important;
  font-weight: 600 !important;
  letter-spacing: -0.02em !important;
  transition: all 0.3s ease !important;
  font-size: 1.35rem !important;
  margin-bottom: 0.75rem !important;
}

.quick-link-card.svelte-2dfxr9:hover .card-title.svelte-2dfxr9 {
  color: #4d9fff !important;
  text-shadow: 0 0 20px rgba(77, 159, 255, 0.5) !important;
}

.card-description.svelte-2dfxr9 {
  color: #c5d4e9 !important;
  line-height: 1.7 !important;
  font-size: 1rem !important;
}

/* Section titles */
.section-title.svelte-stldm,
.section-title.svelte-2dfxr9,
.section-title.svelte-10p57wj {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  font-size: 2.75rem !important;
  margin-bottom: 1.5rem !important;
  letter-spacing: -0.03em !important;
}

.section-description.svelte-stldm,
.section-description.svelte-2dfxr9,
.section-description.svelte-10p57wj {
  color: #a8b9d1 !important;
  font-size: 1.25rem !important;
  line-height: 1.7 !important;
  margin-bottom: 3rem !important;
}

/* Featured Guides Section */
.featured-guides.svelte-stldm {
  padding: 6rem 0 !important;
}

.featured-guides.svelte-stldm .grid {
  gap: 2.5rem !important;
}

/* Latest Guides Section */
.latest-guides.svelte-10p57wj {
  padding: 6rem 0 !important;
}

.latest-guides.svelte-10p57wj .grid {
  gap: 2.5rem !important;
}

/* Quick Links Section */
.quick-links.svelte-2dfxr9 {
  padding: 6rem 0 !important;
}

.quick-links.svelte-2dfxr9 .grid {
  gap: 2rem !important;
}

/* Countdown */
.countdown-box.svelte-kzbm2z {
  background: #0d2a5a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.countdown-number.svelte-kzbm2z {
  color: #ffffff !important;
}

.countdown-label.svelte-kzbm2z {
  color: #a8b9d1 !important;
}

/* Stats */
.stat.svelte-t4cr8w {
  background: #0d2a5a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.stat-number.svelte-t4cr8w {
  color: #ffffff !important;
}

.stat-label.svelte-t4cr8w {
  color: #a8b9d1 !important;
}

/* Footer */
.footer.svelte-ug88n4 {
  background: #0d2a5a !important;
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

.footer-title.svelte-ug88n4,
.footer-subtitle.svelte-ug88n4 {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
}

.footer-description.svelte-ug88n4,
.footer-links.svelte-ug88n4 a,
.footer-copyright.svelte-ug88n4,
.footer-disclaimer.svelte-ug88n4 {
  color: #a8b9d1 !important;
}

.footer-links.svelte-ug88n4 a:hover,
.footer-links-bottom.svelte-ug88n4 a:hover {
  color: #4d9fff !important;
}

/* Content pages */
.main[data-astro-cid-uw5kdbxl],
.main[data-astro-cid-tyt6eby2],
.main[data-astro-cid-erw7ffnm],
.main[data-astro-cid-5ma44ftb],
.main[data-astro-cid-rbcbkbzw],
.main[data-astro-cid-c3zj3n4r],
.main[data-astro-cid-gyx3anpu],
.main[data-astro-cid-6kmwghhu],
.main[data-astro-cid-kh7btl4r],
.main[data-astro-cid-gxu27fxw],
.faq-page[data-astro-cid-6kmwghhu],
.hero-section[data-astro-cid-6kmwghhu],
.guide-main[data-astro-cid-tyt6eby2] {
  background: #0b244d !important;
}

.content[data-astro-cid-uw5kdbxl],
.content[data-astro-cid-tyt6eby2],
.content[data-astro-cid-rbcbkbzw],
.content[data-astro-cid-c3zj3n4r],
.content[data-astro-cid-gyx3anpu],
.content[data-astro-cid-kh7btl4r],
.content[data-astro-cid-gxu27fxw],
.article-body[data-astro-cid-tyt6eby2] {
  background: #0d2a5a !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.section[data-astro-cid-kh7btl4r] {
  background: rgba(13, 42, 90, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.page-title[data-astro-cid-uw5kdbxl],
.page-title[data-astro-cid-tyt6eby2],
.page-title[data-astro-cid-erw7ffnm],
.page-title[data-astro-cid-5ma44ftb],
.page-title[data-astro-cid-rbcbkbzw],
.page-title[data-astro-cid-c3zj3n4r],
.page-title[data-astro-cid-gyx3anpu],
.page-title[data-astro-cid-6kmwghhu],
.page-title[data-astro-cid-kh7btl4r],
.page-title[data-astro-cid-gxu27fxw],
.article-title[data-astro-cid-tyt6eby2] {
  color: #ffffff !important;
  background: none !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  text-shadow: none !important;
}

.page-description[data-astro-cid-uw5kdbxl],
.page-description[data-astro-cid-erw7ffnm],
.page-description[data-astro-cid-5ma44ftb],
.page-description[data-astro-cid-rbcbkbzw],
.page-description[data-astro-cid-c3zj3n4r],
.page-description[data-astro-cid-gyx3anpu],
.page-subtitle[data-astro-cid-6kmwghhu],
.page-description[data-astro-cid-kh7btl4r],
.page-description[data-astro-cid-gxu27fxw] {
  color: #a8b9d1 !important;
}

.article-body[data-astro-cid-tyt6eby2] {
  color: #a8b9d1 !important;
}

.article-body[data-astro-cid-tyt6eby2] h1,
.article-body[data-astro-cid-tyt6eby2] h2,
.article-body[data-astro-cid-tyt6eby2] h3 {
  color: #ffffff !important;
}

.article-body[data-astro-cid-tyt6eby2] a {
  color: #4d9fff !important;
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0b244d;
}

::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.2);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3);
}