import { createHotContext as __vite__createHotContext } from "/@vite/client";import.meta.hot = __vite__createHotContext("/assets/css/style.css");import { updateStyle as __vite__updateStyle, removeStyle as __vite__removeStyle } from "/@vite/client"
const __vite__id = "/app/applet/assets/css/style.css"
const __vite__css = "/* HASIOLAN QUR'ANIC LEARNING (HQL) - Global Production Styles */\n:root {\n  --primary: #0f766e;\n  --primary-hover: #115e59;\n  --bg: #f8fafc;\n  --card-bg: #ffffff;\n  --text: #0f172a;\n  --text-muted: #64748b;\n  --border: #e2e8f0;\n}\n* { box-sizing: border-box; }\nbody {\n  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n  background: var(--bg);\n  color: var(--text);\n  margin: 0;\n  padding: 0;\n  line-height: 1.6;\n}\n.site-header {\n  background: #ffffff;\n  border-bottom: 1px solid var(--border);\n  position: sticky;\n  top: 0;\n  z-index: 50;\n}\n.header-inner {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 0.85rem 1.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.brand { display: flex; align-items: center; gap: 0.75rem; }\n.logo-badge {\n  background: var(--primary);\n  color: #fff;\n  font-weight: 800;\n  font-size: 1.1rem;\n  padding: 0.4rem 0.65rem;\n  border-radius: 8px;\n}\n.brand-title { font-size: 1.15rem; margin: 0; font-weight: 700; color: #0f172a; }\n.brand-tagline { font-size: 0.75rem; color: var(--text-muted); margin: 0; }\n.nav-links { display: flex; align-items: center; gap: 1.25rem; font-size: 0.875rem; }\n.nav-links a { text-decoration: none; color: #475569; font-weight: 500; transition: color 0.15s; }\n.nav-links a:hover { color: var(--primary); }\n.btn-login, .btn-register, .btn-dashboard {\n  padding: 0.45rem 1rem;\n  border-radius: 8px;\n  font-weight: 600;\n}\n.btn-login { border: 1px solid var(--border); color: #334155; }\n.btn-register, .btn-dashboard { background: var(--primary); color: #ffffff !important; }\n.hero-section {\n  background: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);\n  padding: 4.5rem 1.5rem;\n  text-align: center;\n  border-bottom: 1px solid var(--border);\n}\n.hero-content { max-width: 800px; margin: 0 auto; }\n.pill-badge {\n  display: inline-block;\n  background: #ccfbf1;\n  color: #0f766e;\n  font-size: 0.8rem;\n  font-weight: 700;\n  padding: 0.35rem 0.85rem;\n  border-radius: 9999px;\n  margin-bottom: 1rem;\n}\n.hero-headline { font-size: 2.25rem; line-height: 1.25; margin: 0 0 1rem; color: #0f172a; font-weight: 800; }\n.hero-subtext { font-size: 1.05rem; color: #475569; margin: 0 0 2rem; }\n.hero-ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n.cta-primary { background: var(--primary); color: #fff; padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; }\n.cta-secondary { background: #fff; color: #334155; border: 1px solid var(--border); padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; }\n.cta-ghost { background: transparent; color: var(--primary); border: 1px dashed var(--primary); padding: 0.75rem 1.5rem; border-radius: 8px; text-decoration: none; font-weight: 600; }\n.section-container { max-width: 1200px; margin: 3rem auto; padding: 0 1.5rem; }\n.section-header { margin-bottom: 1.5rem; }\n.section-header h3 { font-size: 1.5rem; margin: 0 0 0.25rem; }\n.section-header p { color: var(--text-muted); margin: 0; font-size: 0.95rem; }\n.surah-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 1rem; }\n.surah-card {\n  background: #ffffff;\n  border: 1px solid var(--border);\n  border-radius: 12px;\n  padding: 1.25rem;\n  transition: transform 0.15s, box-shadow 0.15s;\n}\n.surah-card:hover { transform: translateY(-2px); box-shadow: 0 8px 16px -4px rgba(0,0,0,0.08); }\n.surah-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.5rem; }\n.surah-number { background: #f1f5f9; color: #475569; font-size: 0.75rem; font-weight: 700; width: 28px; height: 28px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }\n.surah-ar { font-family: 'Amiri', serif; font-size: 1.4rem; color: #0f766e; }\n.surah-latin { margin: 0.25rem 0; font-size: 1rem; font-weight: 700; }\n.surah-meta { margin: 0; font-size: 0.8rem; color: var(--text-muted); }\n.site-footer { text-align: center; padding: 2.5rem 1.5rem; border-top: 1px solid var(--border); background: #ffffff; font-size: 0.85rem; color: var(--text-muted); }\n"
__vite__updateStyle(__vite__id, __vite__css)
import.meta.hot.accept()
import.meta.hot.prune(() => __vite__removeStyle(__vite__id))