*{margin:0;padding:0;box-sizing:border-box}:root{--color-background: #0a0a0a;--color-foreground: #fafafa;--color-surface: #1a1a1a;--color-surface-hover: #262626;--color-border: #2a2a2a;--color-border-hover: #404040;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-foreground: #0a0a0a;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-text-primary: #fafafa;--color-text-secondary: #a1a1aa;--color-text-muted: #71717a;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}html{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-background);color:var(--color-foreground);font-size:16px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-primary-foreground)}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-primary)}button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;background:none;border:none;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}img,video{max-width:100%;height:auto}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}@media(min-width:640px){.container{padding:0 var(--spacing-lg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);font-weight:500;font-size:.875rem;line-height:1;transition:all .2s ease;cursor:pointer;border:none;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-primary-foreground)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn--outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-border-hover);color:var(--color-primary)}.btn--ghost{background-color:transparent;color:var(--color-text-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface)}.btn--destructive{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:var(--color-error)}.btn--destructive:hover:not(:disabled){background-color:#ef444433}.btn--sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn--icon{width:2.5rem;height:2.5rem;padding:0}.input,.textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-background);color:var(--color-text-primary);font-size:.875rem;transition:border-color .2s ease}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:focus,.textarea:focus{outline:none;border-color:var(--color-primary)}.input:disabled,.textarea:disabled{opacity:.5;cursor:not-allowed}.textarea{min-height:100px;resize:vertical;font-family:inherit}.label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.card__header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.card__content{padding:var(--spacing-lg)}.card__title{font-size:1.25rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.card__description{font-size:.875rem;color:var(--color-text-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.badge--default{background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge--success{background-color:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.badge--warning{background-color:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge--error{background-color:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.video-player{position:relative;aspect-ratio:16/9;background-color:var(--color-background);border-radius:var(--radius-xl);overflow:hidden}.video-player__video{width:100%;height:100%;object-fit:contain}.video-player__overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9),transparent 30%,transparent 70%,rgba(0,0,0,.5));opacity:0;transition:opacity .3s ease;pointer-events:none}.video-player__overlay--visible{opacity:1;pointer-events:all}.video-player__controls{position:absolute;bottom:0;left:0;right:0;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.header{position:fixed;top:0;left:0;right:0;z-index:50;background-color:var(--color-background);border-bottom:1px solid var(--color-border)}@media(min-width:768px){.header{background:linear-gradient(to bottom,var(--color-background),rgba(10,10,10,.8));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:64px}}.header__content{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;height:64px}.header__left{display:flex;align-items:center;gap:var(--spacing-2xl)}.header__logo{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);letter-spacing:-.025em}.header__logo:hover{color:var(--color-primary)}.header__nav--desktop{display:none}@media(min-width:768px){.header__nav--desktop{display:flex;align-items:center;gap:var(--spacing-lg)}}.header__nav--mobile{position:absolute;top:64px;left:0;right:0;background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 4px 12px #0000004d}@media(min-width:768px){.header__nav--mobile{display:none}}.header__link{font-size:.875rem;color:var(--color-text-secondary);transition:all .2s ease;display:block;padding:var(--spacing-md) 0;cursor:pointer}.header__link:hover{color:var(--color-primary)}.header__link--active{color:var(--color-primary);font-weight:500}@media(min-width:768px){.header__link{display:inline;padding:0}.header__link--active{color:var(--color-text-primary);font-weight:400}}.header__right{display:flex;align-items:center;gap:var(--spacing-md)}.header__signin{display:none}@media(min-width:640px){.header__signin{display:inline-flex}}@media(min-width:768px){.header__mobile-menu{display:none}}.video-card{background:none;text-align:left;transition:transform .2s ease}.video-card:hover{transform:translateY(-2px)}.video-card--current .video-card__title{color:var(--color-primary)}.video-card__thumbnail{position:relative;aspect-ratio:16/9;background-color:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md)}.video-card__image{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.video-card:hover .video-card__image{transform:scale(1.05)}.video-card__overlay{position:absolute;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.video-card:hover .video-card__overlay{background:#0006}.video-card__play-icon{color:#fff;opacity:0;transition:opacity .2s ease}.video-card:hover .video-card__play-icon{opacity:1}.video-card__duration{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);background:#000c;color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--spacing-sm);font-size:.75rem;font-weight:500}.video-card__content{padding:0 var(--spacing-xs)}.video-card__title{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.video-card:hover .video-card__title{color:var(--color-primary)}.video-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.75rem;color:var(--color-text-muted)}.video-card__category{color:var(--color-primary)}.category-filter{background-color:var(--color-background);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;position:sticky;top:64px;z-index:40}.category-filter__scroll{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);overflow-x:auto;padding:0 var(--spacing-md);padding-bottom:var(--spacing-sm)}.category-filter__scroll::-webkit-scrollbar{display:none}.category-filter__scroll{scrollbar-width:none}@media(min-width:640px){.category-filter__scroll{padding:0 var(--spacing-lg);padding-bottom:var(--spacing-sm)}}@media(max-width:768px){.category-filter__scroll{justify-content:flex-start}}.category-filter__button{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--spacing-2xl);font-size:.875rem;font-weight:500;white-space:nowrap;transition:all .2s ease;background-color:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.category-filter__button:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.category-filter__button--active{background-color:var(--color-primary);color:var(--color-primary-foreground);border-color:var(--color-primary)}.footer{border-top:1px solid var(--color-border);background-color:var(--color-background);padding:var(--spacing-lg) 0;min-height:80px;display:flex;align-items:center}.footer__bottom{text-align:center;width:100%}.footer__copyright{font-size:.875rem;color:var(--color-text-muted);margin:0;line-height:1.4}.footer__copyright:not(:last-child){margin-bottom:var(--spacing-xs)}.grid{display:grid;gap:var(--spacing-lg)}.grid--cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid--cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(min-width:640px){.grid--sm-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--sm-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.grid--lg-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--lg-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.grid--xl-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.empty-state{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-muted)}.main-content{padding-top:64px;min-height:100vh}.section{padding:var(--spacing-2xl) 0}.section--hero{padding:var(--spacing-xl) 0 var(--spacing-2xl)}