@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Noto+Sans+SC:wght@400;600;700&display=swap";:root{font-family:Poppins,Noto Sans SC,sans-serif;line-height:1.6;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--purple-700: #7d3bf7;--purple-600: #8c5bff;--purple-100: #efe8ff;--indigo-900: #1c1433;--indigo-600: #544c72;--card-bg: #ffffff;--page-bg: #f6f1ff;--border: rgba(92, 77, 140, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--page-bg);color:var(--indigo-900)}a{color:inherit;text-decoration:none}#app{width:100%}.page{min-height:100vh;padding:20px 24px 80px;background:radial-gradient(circle at 80% 0%,#ece6ff 0%,transparent 40%),radial-gradient(circle at 10% 10%,#f2ebff 0%,transparent 45%),var(--page-bg)}.nav{max-width:1200px;margin:0 auto 50px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:#fff;border-radius:999px;box-shadow:0 12px 26px #7c50d21f}.logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--purple-700)}.logo-badge{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--purple-700);color:#fff;font-size:12px}.nav-links{display:flex;gap:24px;font-size:14px;color:var(--indigo-600)}.btn{border:none;padding:10px 18px;border-radius:999px;font-weight:600;cursor:pointer;font-family:inherit}.btn.primary{background:linear-gradient(135deg,var(--purple-700),var(--purple-600));color:#fff;box-shadow:0 12px 24px #7d3bf740}.hero{max-width:1000px;margin:0 auto 48px;text-align:center}.tag{display:inline-flex;align-items:center;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--border);color:var(--purple-700);font-size:12px;font-weight:600}.hero h1{margin:16px 0 12px;font-size:clamp(30px,6vw,46px);line-height:1.2}.hero h1 span{display:block}.hero h1 .accent{color:var(--purple-700)}.hero p{margin:0 auto 20px;max-width:640px;color:var(--indigo-600)}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.chip{border:none;padding:8px 14px;border-radius:999px;background:#fff;color:var(--indigo-900);box-shadow:0 8px 16px #7c50d214;font-weight:600;cursor:pointer}.section{max-width:1200px;margin:0 auto}.section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.title-group{display:inline-flex;align-items:center;gap:10px}.title-badge{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--purple-100);color:var(--purple-700);font-weight:700}.section h2{margin:0;font-size:20px}.more{color:var(--purple-700);font-weight:600;font-size:14px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{background:var(--card-bg);border-radius:18px;overflow:hidden;border:1px solid var(--border);box-shadow:0 18px 40px #362d5a1a}.card-cover{height:180px;background-size:cover;background-position:center;position:relative}.duration{position:absolute;top:12px;right:12px;background:#000000b3;color:#fff;font-size:12px;padding:4px 8px;border-radius:10px}.card-body{padding:16px}.card-meta{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}.level{padding:4px 8px;border-radius:999px;background:#f1edff;color:var(--purple-700);font-weight:600}.level.green{background:#e8f7f1;color:#1a8a5f}.rating{color:#f7a10b;font-weight:700}.card h3{margin:0 0 6px;font-size:16px}.card p{margin:0;color:var(--indigo-600);font-size:13px}@media(max-width:900px){.nav-links{display:none}}@media(max-width:600px){.page{padding:16px 16px 60px}.card-cover{height:160px}}