.course-hub-page{background:linear-gradient(#fff 0%,#f7f9ff 46%,#eef4ff 100%);min-height:100vh}.page-inner{max-width:1180px;margin:0 auto;padding:40px 18px 80px}.not-found-card{text-align:center;padding:80px 18px}.course-hub-hero{text-align:center;padding:60px 18px 40px}.hero-title{letter-spacing:-.05em;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-family:Space Grotesk,Noto Sans KR,system-ui,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:900}.hero-subtitle{color:#536078;margin:0 0 24px;font-size:18px}.hero-stats{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.stat-pill{color:#667085;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb3;border:1px solid #0f172a14;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:800;box-shadow:0 12px 28px #0f172a0f}.filter-chips{flex-wrap:wrap;justify-content:center;gap:12px;padding:20px 18px 40px;display:flex}.chip{color:#667085;cursor:pointer;background:#ffffffb3;border:1px solid #0f172a14;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:800;transition:all .16s}.chip:hover{background:#ffffffe6;border-color:#2563eb33}.chip.active{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000}.course-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:0 18px;display:grid}@media (max-width:720px){.course-grid{grid-template-columns:1fr}}.course-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ffffffbd;border-radius:24px;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 20px 58px #4338ca24}.course-card:hover{transform:translateY(-4px);box-shadow:0 24px 64px #4338ca2e}.card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#7dd3fc33,#a78bfa33);overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%}.card-placeholder{color:#2563eb4d;justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:900;display:flex}.card-content{padding:20px}.card-title{letter-spacing:-.03em;color:#070a18;margin:0 0 8px;font-family:Space Grotesk,Noto Sans KR,system-ui,sans-serif;font-size:20px;font-weight:700}.card-subtitle{color:#536078;margin:0 0 12px;font-size:14px;line-height:1.5}.card-badges{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:800}.badge-level{color:#2563eb;background:#2563eb1a}.badge-category{color:#7c3aed;background:#7c3aed1a}.badge-enrolled,.badge-free{color:#22c55e;background:#22c55e1a}.badge-paid{color:#fb923c;background:#fb923c1a}.card-meta{gap:16px;margin-bottom:16px;display:flex}.meta-item{color:#667085;font-size:13px;font-weight:600}.card-cta{flex-direction:column;gap:8px;display:flex}.primary-btn,.secondary-btn{letter-spacing:-.01em;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:0 20px;font-size:14px;font-weight:900;text-decoration:none;transition:all .16s;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 18px 44px #4f46e547}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 20px 48px #4f46e552}.secondary-btn{color:#0b1020;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb8;border:1px solid #0f172a1a;box-shadow:0 14px 34px #0f172a14}.secondary-btn:hover{background:#ffffffe6}.empty-state{text-align:center;padding:80px 18px}.course-card-empty{cursor:default}.course-card-empty:hover{transform:none;box-shadow:0 20px 58px #4338ca24}.card-image-empty{background:linear-gradient(135deg,#7dd3fc26,#a78bfa26);justify-content:center;align-items:center;display:flex}.card-empty-icon{opacity:.6;font-size:56px}.card-empty-helper{color:#94a3b8;margin:8px 0 0;font-size:13px;line-height:1.5}@media (max-width:390px){.course-card-empty{border-radius:16px}.card-empty-icon{font-size:40px}.card-content{padding:16px}}.empty-state h2{letter-spacing:-.03em;color:#070a18;margin:0 0 12px;font-family:Space Grotesk,Noto Sans KR,system-ui,sans-serif;font-size:28px;font-weight:700}.empty-state p{color:#536078;margin:0 0 32px;font-size:16px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (max-width:720px){.page-inner{padding:24px 14px 60px}.course-hub-hero{padding:40px 14px 24px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.filter-chips{padding:16px 14px 32px}.chip{padding:8px 16px;font-size:13px}.course-grid{padding:0 14px}.card-cta .primary-btn,.card-cta .secondary-btn{width:100%}.empty-actions{flex-direction:column}.empty-actions .primary-btn,.empty-actions .secondary-btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.course-hub-link-content{justify-content:center;align-items:center;min-width:0;display:inline-flex}.course-hub-link-spinner{border:2px solid #ffffff6b;border-top-color:#fffffff5;border-radius:999px;flex:none;width:14px;height:14px;margin-left:8px;animation:.75s linear infinite courseHubLinkSpin}.course-card-secondary .course-hub-link-spinner,.course-card-link .course-hub-link-spinner{border-color:#2563ebf2 #0f172a2e #0f172a2e}@keyframes courseHubLinkSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.course-hub-link-spinner{animation:none}}