:root{--color-bg-primary: #3E3226;--color-bg-secondary: #2C241B;--color-bg-card: rgba(62, 50, 38, .85);--color-text-primary: #F3E5DC;--color-text-secondary: #D4C5B5;--color-text-muted: #A89B8D;--color-accent-primary: #C19A6B;--color-accent-secondary: #8B4513;--color-accent-tertiary: #556B2F;--gradient-primary: linear-gradient(135deg, #C19A6B 0%, #8B4513 100%);--gradient-secondary: linear-gradient(135deg, #556B2F 0%, #C19A6B 100%);--gradient-overlay: linear-gradient(180deg, rgba(44, 36, 27, 0) 0%, rgba(44, 36, 27, .9) 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Playfair Display", Georgia, serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(193, 154, 107, .2);--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .6s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background-color:var(--color-bg-primary);background-image:url(/linen_texture.png);background-repeat:repeat;background-attachment:fixed;color:var(--color-text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-section{position:relative;width:100%;height:380vh}#animation-canvas{position:sticky;top:0;left:0;width:100vw;height:100vh;display:block}.scroll-indicator{position:absolute;bottom:30vh;left:50%;transform:translate(-50%);text-align:center;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;opacity:0;animation:fadeInOut 3s ease-in-out infinite;z-index:10;pointer-events:none}.scroll-arrow{width:24px;height:24px;margin:var(--spacing-xs) auto 0;border-left:2px solid var(--color-accent-primary);border-bottom:2px solid var(--color-accent-primary);transform:rotate(-45deg);animation:bounce 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}@keyframes bounce{0%,to{transform:rotate(-45deg) translateY(0)}50%{transform:rotate(-45deg) translateY(8px)}}.description-section{position:relative;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md);z-index:20}.description-section:before{content:"";position:absolute;top:-200px;left:0;width:100%;height:300px;background-image:url(/cloud_transition.png);background-size:cover;background-position:bottom center;background-repeat:no-repeat;pointer-events:none;z-index:25}.container{max-width:1200px;margin:0 auto}.intro-text{text-align:center;margin-bottom:var(--spacing-xl);padding-top:20vh;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards}.headline{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);color:#fff}.subheadline{font-size:clamp(1.5rem,3.5vw,2.5rem);font-weight:600;color:var(--color-text-primary);max-width:900px;margin:0 auto;line-height:1.3;opacity:0;transform:scale(.8);animation:zoomIn 1.2s ease forwards .3s;text-shadow:0 4px 20px rgba(0,0,0,.9),0 2px 10px rgba(0,0,0,.9)}@keyframes zoomIn{to{opacity:1;transform:scale(1)}}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:600;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.hosts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.host-card{display:block;text-decoration:none;color:inherit;background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center;border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal);opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards}.host-card:nth-child(1){animation-delay:.2s}.host-card:nth-child(2){animation-delay:.4s}.host-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:#8b5cf64d}.host-image-wrapper{width:200px;height:200px;margin:0 auto var(--spacing-md);border-radius:50%;overflow:hidden;border:4px solid transparent;background:var(--gradient-primary);padding:4px;transition:all var(--transition-normal)}.host-card:hover .host-image-wrapper{transform:scale(1.05);box-shadow:var(--shadow-glow)}.host-image{width:100%;height:100%;object-fit:cover;border-radius:50%;background:var(--color-bg-secondary);display:block}.host-name{font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.host-title{font-size:1.125rem;font-weight:500;color:var(--color-accent-primary);margin-bottom:var(--spacing-xs)}.host-subtitle{font-size:.95rem;color:var(--color-text-secondary);line-height:1.5}.mission-text{text-align:left;max-width:900px;margin:0 auto;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease forwards .6s;padding:var(--spacing-lg);background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.mission-text p{font-size:clamp(1.125rem,2.5vw,1.5rem);line-height:1.8;color:var(--color-text-primary);font-weight:300;margin-bottom:var(--spacing-md)}.mission-text p:last-child{margin-bottom:0}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.topics-section{position:relative;min-height:80vh;padding:var(--spacing-xl) var(--spacing-md)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.topics-card{background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal)}.topics-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-glow);border-color:#8b5cf64d}.topics-card-title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:var(--spacing-md);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topics-list{list-style:none;padding:0;margin:0}.topics-list li{padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:#8b5cf61a;border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-primary);color:var(--color-text-primary);font-size:1.05rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer}.topics-list li:hover{background:#8b5cf633;transform:translate(8px);border-left-color:var(--color-accent-secondary)}.trending-topics{min-height:300px}.loading-text{text-align:center;color:var(--color-text-muted);font-style:italic;padding:var(--spacing-lg)}.trending-list{list-style:none;padding:0;margin:0}.trending-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);background:#06b6d41a;border-radius:var(--radius-sm);border-left:3px solid var(--color-accent-tertiary);transition:all var(--transition-fast)}.trending-item:hover{background:#06b6d433;transform:translate(8px)}.trending-rank{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gradient-secondary);border-radius:50%;font-weight:700;font-size:.875rem;margin-right:var(--spacing-sm)}.trending-title{flex:1;color:var(--color-text-primary);font-size:1.05rem;font-weight:500}.trending-traffic{color:var(--color-text-muted);font-size:.875rem;font-weight:400}.videos-section{position:relative;min-height:100vh;padding:var(--spacing-xl) var(--spacing-md)}.video-gallery{display:flex;gap:var(--spacing-md);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:var(--spacing-md) 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-accent-primary) var(--color-bg-primary)}.video-gallery::-webkit-scrollbar{height:8px}.video-gallery::-webkit-scrollbar-track{background:var(--color-bg-primary);border-radius:var(--radius-sm)}.video-gallery::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.video-gallery::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}.video-card{flex:0 0 min(500px,90vw);scroll-snap-align:center;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.05);transition:all var(--transition-normal);opacity:0;transform:scale(.95);animation:scaleIn .6s ease forwards}.video-card:nth-child(1){animation-delay:.1s}.video-card:nth-child(2){animation-delay:.2s}.video-card:nth-child(3){animation-delay:.3s}.video-card:nth-child(4){animation-delay:.4s}.video-card:hover{transform:scale(1.02);box-shadow:var(--shadow-glow);border-color:#8b5cf64d}.video-card iframe{width:100%;aspect-ratio:16 / 9;display:block;border:none}@keyframes scaleIn{to{opacity:1;transform:scale(1)}}.footer-message-section{position:relative;padding:var(--spacing-xl) var(--spacing-md);background:var(--color-bg-primary)}.footer-message{text-align:left;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:var(--color-text-secondary);font-weight:300;max-width:1000px;margin-top:var(--spacing-xl);margin-left:auto;margin-right:auto;padding-top:var(--spacing-lg)}@media (max-width: 768px){.hero-section{height:150vh}.description-section,.videos-section{padding:var(--spacing-lg) var(--spacing-sm)}.hosts-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.host-image-wrapper{width:160px;height:160px}.video-card{flex:0 0 min(400px,85vw)}}@media (max-width: 480px){.video-card{flex:0 0 95vw}}.fade-in{opacity:0;animation:fadeIn 1s ease forwards}@keyframes fadeIn{to{opacity:1}}@supports (-webkit-touch-callout: none){.video-gallery{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}}.site-footer{text-align:center;padding:var(--spacing-md) 0 var(--spacing-lg);color:#fff;font-size:.9rem;font-weight:400;letter-spacing:.05em;opacity:.9}