.main-page{background-color:var(--color-bg);flex-direction:column;min-height:calc(100vh - 64px);display:flex}.main-page__hero{border-bottom:1px solid var(--color-border);text-align:center;background:linear-gradient(135deg,#0e0e1d 0%,#161630 60%,#1a1230 100%);padding:4rem 2rem 3.5rem}.main-page__hero-inner{max-width:640px;margin:0 auto}.main-page__hero-badge{color:var(--color-primary);letter-spacing:.03em;font-size:.8125rem;font-weight:600;font-family:var(--font-inter),sans-serif;background:#f0603026;border:1px solid #f060304d;border-radius:20px;margin-bottom:1.25rem;padding:.25rem .875rem;display:inline-block}.main-page__hero-heading{font-family:var(--font-inter),sans-serif;color:var(--color-text);margin-bottom:1rem;font-size:clamp(2.25rem,6vw,3.5rem);font-weight:700;line-height:1.15}.main-page__hero-accent{color:var(--color-primary)}.main-page__hero-sub{color:var(--color-text-muted);max-width:440px;margin:0 auto;font-size:1.0625rem;line-height:1.55}.main-page__body{flex:1;display:flex}.main-page__sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;gap:1.5rem;width:240px;padding:1.5rem .75rem;display:flex}@media (max-width:768px){.main-page__sidebar{border-right:none;border-bottom:1px solid var(--color-border);width:100%;padding:.75rem}}.main-page__content{flex:1;padding:2rem;overflow-y:auto}@media (max-width:992px){.main-page__content{padding:1.25rem}}@media (max-width:500px){.main-page__content{padding:1rem}}.main-page__empty{color:var(--color-text-muted);justify-content:center;align-items:center;padding:4rem 2rem;font-size:1rem;display:flex}.main-page__error{min-height:calc(100vh - 80px);color:var(--color-fake);justify-content:center;align-items:center;font-size:1.125rem;display:flex}@media (max-width:768px){.main-page__body{flex-direction:column}}.sidebar__section{flex-direction:column;gap:.125rem;margin-bottom:.5rem;display:flex}.sidebar__section-heading{font-family:var(--font-inter),sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);opacity:.7;margin:0;padding:.375rem .875rem .25rem;font-size:.6875rem;font-weight:700}.sidebar__explore-link{color:var(--color-text-muted);font-size:.9375rem;font-weight:500;font-family:var(--font-inter),sans-serif;border-radius:10px;align-items:center;gap:.625rem;padding:.5rem .875rem;text-decoration:none;transition:background-color .15s,color .15s;display:flex}.sidebar__explore-link:hover{background-color:var(--color-surface-2);color:var(--color-text)}@media (max-width:768px){.sidebar__explore-link{white-space:nowrap;border:1px solid var(--color-border);flex-shrink:0}}.sidebar__categories{flex-direction:column;gap:.125rem;display:flex}@media (max-width:768px){.sidebar__categories{flex-direction:row;gap:.5rem;padding-bottom:.25rem;overflow-x:auto}}.sidebar__category-item{cursor:pointer;color:var(--color-text-muted);border-radius:10px;align-items:center;gap:.625rem;padding:.5rem .875rem;transition:background-color .15s;display:flex}.sidebar__category-item:hover{background-color:var(--color-surface-2);color:var(--color-text)}.sidebar__category-item--active{color:var(--color-primary);background-color:#f060301f}@media (max-width:768px){.sidebar__category-item{white-space:nowrap;border:1px solid var(--color-border);flex-shrink:0}}.sidebar__category-icon{text-align:center;flex-shrink:0;width:22px;font-size:1.125rem;display:flex}.sidebar__category-name{font-size:.9375rem;font-weight:500;font-family:var(--font-inter),sans-serif}.categories-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:1100px){.categories-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:500px){.categories-grid{grid-template-columns:1fr}}.category-card{background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:24px;height:260px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.category-card:hover{border-color:#f0603066;transform:translateY(-3px)}.category-card__image-wrapper{background-color:var(--color-surface-2);border-radius:24px;width:100%;height:100%;position:relative;overflow:hidden}.category-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.category-card:hover .category-card__image{transform:scale(1.04)}.category-card__overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0d16d9;border:1px solid #ffffff0f;border-radius:16px;justify-content:space-between;align-items:center;height:48px;padding:.75rem .875rem;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.category-card__title{font-family:var(--font-inter),sans-serif;color:var(--color-text);flex:1;margin:0;font-size:.9375rem;font-weight:600;line-height:1.3}.category-card__play-button{background:var(--color-primary);color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-inter),sans-serif;cursor:pointer;white-space:nowrap;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:.25rem;margin-left:.5rem;padding:.25rem .625rem;line-height:1;transition:background .15s,transform .15s;display:flex}.category-card__play-button:hover{background:var(--color-primary-hover);transform:scale(1.04)}.category-card__placeholder{background:linear-gradient(135deg, var(--color-surface) 0%, var(--color-surface-2) 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.category-card__placeholder-icon{opacity:.25;font-size:3rem}.category-card--game-of-day{border-color:#f0603059}.category-card__start-badge{background:var(--color-primary);z-index:10;color:#fff;font-size:.75rem;font-weight:700;font-family:var(--font-inter),sans-serif;border-radius:12px;align-items:center;gap:.375rem;padding:.3rem .625rem;display:flex;position:absolute;top:10px;left:10px}.category-card__flag-icon{object-fit:contain;width:14px;height:14px;display:block}.category-card__start-text{white-space:nowrap}.category-card--for-you .category-card__overlay{background:#f0603026;border-color:#f0603033}.category-card__for-you-bg{background:linear-gradient(135deg,#1a1230 0%,#2a1a3e 60%,#1e1535 100%);border-radius:24px;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.category-card__for-you-emoji{opacity:.8;-webkit-user-select:none;user-select:none;font-size:4.5rem;animation:3s ease-in-out infinite forYouPulse}@keyframes forYouPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}