.featured-hero{border-radius:0 0 var(--radius-2xl) var(--radius-2xl);width:100%;min-height:480px;color:inherit;margin-top:var(--header-height);text-decoration:none;display:block;position:relative;overflow:hidden}.featured-hero:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl)}.featured-hero__bg{position:absolute;inset:0}.featured-hero__img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out)}.featured-hero:hover .featured-hero__img{transform:translateY(-2px)}.featured-hero__overlay{background:linear-gradient(#0000 0%,#1c191733 35%,#1c1917b3 65%,#1c1917f2 100%);position:absolute;inset:0}.featured-hero__content{z-index:1;height:100%;min-height:480px;padding:var(--space-12) var(--space-12) var(--space-10);max-width:var(--max-width);flex-direction:column;justify-content:flex-end;margin:0 auto;display:flex;position:relative}.featured-hero__badges{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.featured-hero__label{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--brand);color:var(--text-inverse);font-weight:700}.featured-hero__difficulty{font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);font-weight:700}.featured-hero__difficulty--beginner{color:var(--difficulty-beginner-light);background:#22c55e33;border:1px solid #22c55e4d}.featured-hero__difficulty--intermediate{color:var(--difficulty-intermediate-light);background:#eab30833;border:1px solid #eab3084d}.featured-hero__difficulty--advanced{color:var(--difficulty-advanced-light);background:#ef444433;border:1px solid #ef44444d}.featured-hero__title{letter-spacing:-.03em;color:var(--text-inverse);margin-bottom:var(--space-3);max-width:700px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2}.featured-hero__meta-line{align-items:center;gap:var(--space-2);margin-bottom:var(--space-6);display:flex}.featured-hero__channel{font-size:var(--font-ui);color:#ffffffa6}.featured-hero__dot{font-size:var(--font-ui);color:#ffffff59}.featured-hero__category-tag{font-size:var(--font-caption);color:var(--brand-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#0d948826;border:1px solid #0d948833;font-weight:600}.featured-hero__play{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(12px);width:64px;height:64px;color:var(--text-inverse);opacity:0;transition:opacity .3s ease, transform .3s var(--ease-out);pointer-events:none;background:#ffffff26;border:1px solid #fff3;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.featured-hero:hover .featured-hero__play{opacity:1;transform:translate(-50%,-50%)}.featured-hero__cta{align-items:center;gap:var(--space-2);font-size:var(--font-ui);color:var(--text-inverse);background:var(--brand);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:background .2s ease, transform .2s var(--ease-out);width:fit-content;font-weight:600;display:inline-flex}.featured-hero:hover .featured-hero__cta{background:var(--brand-dark);transform:translateY(-1px)}.featured-hero__cta svg{transition:transform .2s}.featured-hero:hover .featured-hero__cta svg{transform:translate(3px)}.featured-hero--skeleton{border-radius:0 0 var(--radius-2xl) var(--radius-2xl);width:100%;min-height:480px;margin-top:var(--header-height);background:var(--bg-surface);display:block;position:relative;overflow:hidden}.featured-hero--skeleton .featured-hero__content{min-height:480px}@media (max-width:768px){.featured-hero{border-radius:0;min-height:360px}.featured-hero__content{min-height:360px;padding:var(--space-6) var(--space-6) var(--space-8)}.featured-hero__play{width:52px;height:52px}.featured-hero__play svg{width:20px;height:20px}.featured-hero--skeleton{border-radius:0;min-height:360px}.featured-hero--skeleton .featured-hero__content{min-height:360px}}
.category-row{margin-bottom:var(--space-12)}.category-row:last-child{margin-bottom:0}.category-row__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.category-row__header-left{align-items:baseline;gap:var(--space-3);display:flex}.category-row__title{font-size:var(--font-title);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.category-row__count{font-size:var(--font-caption);color:var(--text-tertiary);white-space:nowrap;font-weight:500}.category-row__see-all{align-items:center;gap:var(--space-1);font-size:var(--font-small);color:var(--brand);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-weight:600;transition:color .15s,background .15s;display:inline-flex}.category-row__see-all:hover{color:var(--brand-dark);background:#0d94880f}.category-row__see-all svg{transition:transform .15s}.category-row__see-all:hover svg{transform:translate(2px)}.category-row__rail-wrap{position:relative}.category-row__rail-wrap--fade-left .category-row__rail{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px);mask-image:linear-gradient(90deg,#0000,#000 48px)}.category-row__rail-wrap--fade-right .category-row__rail{-webkit-mask-image:linear-gradient(270deg,#0000,#000 48px);mask-image:linear-gradient(270deg,#0000,#000 48px)}.category-row__rail-wrap--fade-left.category-row__rail-wrap--fade-right .category-row__rail{-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.category-row__rail{gap:var(--space-6);scroll-snap-type:x mandatory;scroll-padding-left:var(--space-1);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:var(--space-2);display:flex;overflow-x:auto}.category-row__rail::-webkit-scrollbar{display:none}.category-row__card{scroll-snap-align:start;flex:0 0 280px}.category-row__arrow{z-index:2;border-radius:var(--radius-full);background:var(--bg-elevated);width:44px;height:44px;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;opacity:0;pointer-events:none;border:1px solid #00000014;justify-content:center;align-items:center;transition:transform .15s,opacity .25s;display:flex;position:absolute;top:50%;transform:translateY(-60%)}.category-row__arrow--visible{opacity:.9;pointer-events:auto}.category-row__arrow--visible:hover{box-shadow:var(--shadow-lg);opacity:1;transform:translateY(-60%)}.category-row__arrow--visible:active{transform:translateY(-60%)scale(.98)}.category-row__arrow--left{left:calc(var(--space-3) * -1)}.category-row__arrow--right{right:calc(var(--space-3) * -1)}@media (max-width:768px){.category-row{margin-bottom:var(--space-8)}.category-row__card{flex:0 0 240px}.category-row__arrow{display:none}}@media (max-width:540px){.category-row__card{flex:0 0 220px}}
.explore{padding-bottom:var(--space-32);min-height:100vh}.explore-section{padding-top:var(--space-16)}.explore-section--grid{padding-top:var(--space-12);padding-bottom:var(--space-8)}.explore-section__label{align-items:center;gap:var(--space-2);font-size:var(--font-caption);letter-spacing:.05em;text-transform:uppercase;color:var(--brand);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-8);background:#0d94880f;border:1px solid #0d94881a;font-weight:600;display:inline-flex}.explore-section__title-row{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-6);display:flex}.explore-section__title{font-size:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-weight:800}.explore-section__count{font-size:var(--font-body);color:var(--text-tertiary);white-space:nowrap;font-weight:500}.explore-divider{max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.explore-divider:after{content:"";background:linear-gradient(90deg,#0000,#0000000f 20% 80%,#0000);height:1px;display:block}.filter-bar{gap:var(--space-4);margin-bottom:var(--space-10);flex-direction:column;display:flex}.filter-bar__group{align-items:center;gap:var(--space-3);display:flex}.filter-bar__label{font-size:var(--font-small);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;min-width:72px;font-weight:600}.filter-bar__tags{gap:var(--space-2);scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0;display:flex;overflow-x:auto}.filter-bar__tags::-webkit-scrollbar{display:none}.filter-bar__tag{font-size:var(--font-small);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border:1px solid #00000014;font-weight:500;transition:color .2s,background .2s,border-color .2s}.filter-bar__tag:hover{color:var(--text-primary);border-color:#00000026;transform:translateY(-1px)}.filter-bar__tag--active{background:var(--brand);color:var(--text-inverse);border-color:var(--brand)}.filter-bar__tag--active:hover{background:var(--brand-dark);border-color:var(--brand-dark);color:var(--text-inverse)}.filter-bar__tag--difficulty.filter-bar__tag--beginner:not(.filter-bar__tag--active){color:var(--difficulty-beginner);border-color:#22c55e40}.filter-bar__tag--difficulty.filter-bar__tag--intermediate:not(.filter-bar__tag--active){color:var(--difficulty-intermediate);border-color:#eab30840}.filter-bar__tag--difficulty.filter-bar__tag--advanced:not(.filter-bar__tag--active){color:var(--difficulty-advanced);border-color:#ef444440}.filter-bar__tag--difficulty.filter-bar__tag--beginner.filter-bar__tag--active{background:var(--difficulty-beginner);border-color:var(--difficulty-beginner)}.filter-bar__tag--difficulty.filter-bar__tag--intermediate.filter-bar__tag--active{background:var(--difficulty-intermediate);border-color:var(--difficulty-intermediate);color:var(--dark-1)}.filter-bar__tag--difficulty.filter-bar__tag--advanced.filter-bar__tag--active{background:var(--difficulty-advanced);border-color:var(--difficulty-advanced)}.video-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.video-grid--stagger>*{animation:card-fade-in .4s var(--ease-out) both}.video-grid--stagger>:first-child{animation-delay:0s}.video-grid--stagger>:nth-child(2){animation-delay:40ms}.video-grid--stagger>:nth-child(3){animation-delay:80ms}.video-grid--stagger>:nth-child(4){animation-delay:.12s}.video-grid--stagger>:nth-child(5){animation-delay:.16s}.video-grid--stagger>:nth-child(6){animation-delay:.2s}.video-grid--stagger>:nth-child(n+7){animation-delay:.24s}@keyframes card-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.video-grid__empty{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-24) 0;text-align:center;flex-direction:column;display:flex}.video-grid__empty p{font-size:var(--font-subheading);color:var(--text-primary);font-weight:600}.video-grid__empty span{font-size:var(--font-body);color:var(--text-tertiary)}.video-card{background:var(--bg-elevated);border-radius:var(--radius-lg);transition:transform .25s var(--ease-out), border-color .25s ease;color:inherit;border:1px solid #0000000f;flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.video-card:after{content:"";border-radius:inherit;box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.video-card:hover{border-color:#0000001a;transform:translateY(-2px)}.video-card:hover:after{opacity:1}.video-card--skeleton{pointer-events:none}.video-card__thumbnail-wrap{aspect-ratio:16/9;background:var(--bg-surface);position:relative;overflow:hidden}.video-card__thumbnail{object-fit:cover;width:100%;height:100%;transition:transform .4s var(--ease-out)}.video-card:hover .video-card__thumbnail{transform:translateY(-2px)}.video-card__badge{top:var(--space-2);right:var(--space-2);font-size:var(--font-caption);text-transform:uppercase;letter-spacing:.04em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(8px);font-weight:700;position:absolute}.video-card__badge--beginner{color:var(--difficulty-beginner);background:#22c55e26;border:1px solid #22c55e33}.video-card__badge--intermediate{color:var(--difficulty-intermediate);background:#eab30826;border:1px solid #eab30833}.video-card__badge--advanced{color:var(--difficulty-advanced);background:#ef444426;border:1px solid #ef444433}.video-card__duration{bottom:var(--space-2);right:var(--space-2);font-size:var(--font-caption);font-variant-numeric:tabular-nums;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--text-inverse);background:#000000b3;font-weight:600;position:absolute}.video-card__body{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.video-card__title{font-size:var(--font-body);color:var(--text-primary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.45;display:-webkit-box;overflow:hidden}.video-card__channel{font-size:var(--font-small);color:var(--text-tertiary)}.video-card__meta{align-items:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:auto;display:flex}.video-card__category{font-size:var(--font-caption);color:var(--brand);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:#0d94880f;font-weight:600}@media (max-width:900px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.explore{padding-bottom:var(--space-16)}.explore-section{padding-top:var(--space-10)}.explore-section--grid{padding-top:var(--space-8)}.explore-section__title{font-size:var(--font-title-lg)}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-6)}.filter-bar__group{align-items:flex-start;gap:var(--space-2);flex-direction:column}.filter-bar__label{min-width:auto}.filter-bar__tags{max-width:calc(100vw - var(--space-6) * 2);min-width:0}.video-grid{gap:var(--space-4)}}@media (max-width:540px){.video-grid{gap:var(--space-4);grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.video-grid--stagger>*{animation:none}}