.home-page{display:flex;flex-direction:column;gap:48px}.hero{position:relative;overflow:hidden;padding:80px 24px 72px;text-align:center;display:flex;flex-direction:column;align-items:center;background:var(--grad-hero)}.hero__glow{position:absolute;border-radius:50%;pointer-events:none}.hero__glow--1{width:500px;height:500px;background:radial-gradient(circle,rgba(124,58,237,.12),transparent 70%);top:-120px;left:-80px;animation:blob-drift 12s ease-in-out infinite alternate}.hero__glow--2{width:380px;height:380px;background:radial-gradient(circle,rgba(236,72,153,.1),transparent 70%);bottom:-80px;right:-40px;animation:blob-drift 9s ease-in-out infinite alternate-reverse}@keyframes blob-drift{0%{transform:translateY(0) scale(1)}to{transform:translateY(24px) scale(1.05)}}.hero__content{position:relative;z-index:1;max-width:680px;display:flex;flex-direction:column;align-items:center;gap:22px}.hero__badge{display:inline-flex;align-items:center;gap:7px;padding:6px 18px;border-radius:var(--radius-full);font-size:.8rem;font-weight:700;background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm);border:var(--border-light);animation:fade-in-up .5s ease both;letter-spacing:.01em}.hero__title{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;line-height:1.12;color:var(--color-text-primary);letter-spacing:-.03em;margin:0;animation:fade-in-up .5s .08s ease both}.hero__title-accent{background:var(--grad-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__subtitle{font-size:1.05rem;color:var(--color-text-secondary);max-width:500px;line-height:1.75;margin:0;animation:fade-in-up .5s .16s ease both}.hero__cta-group{display:flex;flex-direction:column;align-items:center;gap:24px;animation:fade-in-up .5s .24s ease both}.hero__stats{display:flex;align-items:center;gap:24px}.hero__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.hero__stat-value{font-size:1.4rem;font-weight:800;color:var(--color-text-primary);letter-spacing:-.02em}.hero__stat-label{font-size:.72rem;font-weight:500;color:var(--color-text-muted)}.hero__stat-divider{width:1px;height:32px;background:#7c3aed26}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-categories{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:0 24px 8px}.home-category-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;border-radius:var(--radius-full);border:var(--border-medium);background:var(--color-surface);color:var(--color-text-secondary);font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .2s ease;box-shadow:var(--shadow-sm)}.home-category-chip:hover{background:var(--color-surface-2);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.home-page__ad-header{display:flex;justify-content:center;padding:0 24px}.home-page__body{display:grid;grid-template-columns:1fr 300px;gap:36px;padding:0 24px 64px;align-items:start;max-width:1280px;margin:0 auto;width:100%}.home-page__main{display:flex;flex-direction:column;gap:24px}.section-title{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.section-title__badge{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-primary);border:var(--border-light)}.quiz-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.home-page__browse-cta{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--color-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-wrap:wrap;gap:12px}.home-page__browse-text{font-size:.88rem;color:var(--color-text-secondary);margin:0}.home-page__sidebar{display:flex;flex-direction:column;gap:20px;position:sticky;top:84px}.sidebar-card{background:var(--color-surface);border:var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:22px;display:flex;flex-direction:column;gap:14px}.sidebar-card--tip{background:var(--grad-soft);border-color:#7c3aed24}.sidebar-card__title{font-size:1rem;font-weight:800;color:var(--color-text-primary);margin:0;letter-spacing:-.01em}.sidebar-card__text{font-size:.84rem;color:var(--color-text-secondary);line-height:1.65;margin:0}.leaderboard-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(124,58,237,.06)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row__rank{font-size:.78rem;font-weight:800;min-width:24px;color:var(--color-text-muted)}.leaderboard-row__rank.rank-1{color:#f59e0b}.leaderboard-row__rank.rank-2{color:#94a3b8}.leaderboard-row__rank.rank-3{color:#cd7c2e}.leaderboard-row__name{flex:1;font-size:.84rem;font-weight:600;color:var(--color-text-primary)}.leaderboard-row__score{font-size:.78rem;font-weight:700;color:var(--color-primary)}@media(max-width:960px){.home-page__body{grid-template-columns:1fr}.home-page__sidebar{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}}@media(max-width:600px){.hero{padding:56px 16px 48px}.home-page__body{padding:0 16px 48px}.quiz-grid{grid-template-columns:1fr}}