*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#111827;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:0 auto;max-width:1400px;padding:0 20px}.button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;text-decoration:none;transition:all .2s ease}.button:hover{transform:translateY(-1px)}.button-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.button-primary:hover{background:linear-gradient(135deg,#2563eb,#7c3aed)}.button-secondary{background:#374151;border:1px solid #4b5563;color:#fff}.button-secondary:hover{background:#4b5563}.card{background:#1f2937;border:1px solid #374151;border-radius:12px;padding:16px;transition:all .3s ease}.card:hover{border-color:#4b5563;box-shadow:0 10px 25px #0000004d;transform:translateY(-2px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.spin{animation:spin 1s linear infinite}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.space-x-2>*+*{margin-left:8px}.space-x-4>*+*{margin-left:16px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.text-sm{font-size:14px}.text-xs{font-size:12px}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-center{text-align:center}.rounded{border-radius:6px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:50%}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.inset-0{bottom:0;left:0;right:0;top:0}.w-full{width:100%}.h-full{height:100%}.aspect-video{aspect-ratio:16/9}.object-cover{object-fit:cover}.line-clamp-2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid}.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))}.gap-4{gap:16px}.gap-6{gap:24px}@media (min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:flex{display:flex}}@media (min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.text-white{color:#fff}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-red-400{color:#f87171}.text-blue-400{color:#60a5fa}.text-purple-400{color:#c084fc}.bg-red-500{background-color:#ef4444}.bg-red-600{background-color:#dc2626}.bg-blue-600{background-color:#2563eb}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-black{background-color:#000}.border-gray-700{border-color:#374151}.border-gray-800{border-color:#1f2937}.border-red-500{border-color:#ef4444}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#111827f2,#1f2937f2);border-bottom:1px solid #4b55634d;height:64px;padding:0;position:sticky;top:0;width:100%;z-index:1000}.header-content{height:100%;justify-content:space-between;padding:0 24px;width:100%}.header-content,.logo-section{align-items:center;display:flex}.logo-section{background:linear-gradient(135deg,#8b5cf626,#3b82f61a);border:1px solid #8b5cf633;border-radius:10px;cursor:pointer;gap:8px;min-width:140px;padding:8px 12px;transition:all .3s ease}.logo-section:hover{background:linear-gradient(135deg,#8b5cf640,#3b82f626);transform:translateY(-1px)}.logo-icon{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:8px;box-shadow:0 4px 12px #8b5cf64d;color:#fff;display:flex;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.logo-icon img{border-radius:4px;height:24px;width:24px}.logo-text h1{color:#fff;font-size:18px;font-weight:700;letter-spacing:-.025em}.logo-text h1,.logo-text p{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0}.logo-text p{color:#9ca3afcc;font-size:11px;font-weight:500}.navigation-tabs{align-items:center;background:#11182780;border:1px solid #4b55634d;border-radius:12px;display:flex;gap:4px;padding:6px}.right-controls{align-items:center;display:flex;gap:12px}.mobile-menu-button{background:#0000;border:none;color:#fff;cursor:pointer}@media (max-width:768px){.navigation-tabs,.search-input{display:none}.right-controls{display:contents}}.search-input{background:#11182799;border:1px solid #4b556366;border-radius:10px;overflow:hidden;position:relative;transition:all .3s ease}.search-input:focus-within{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.search-input input{background:#0000;border:none;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;outline:none;padding:10px 16px;width:280px}.search-input input::placeholder{color:#9ca3afb3}.search-input button{align-items:center;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border:none;border-radius:6px;box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:6px;top:50%;transform:translateY(-50%);transition:all .3s ease}.search-input button:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-50%) scale(1.05)}.player-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000e6,#0f0f23cc);border:1px solid #8b5cf64d;border-radius:16px;bottom:80px;left:20px;opacity:0;padding:20px;pointer-events:none;position:absolute;right:20px;transform:translateY(10px);transition:all .5s ease;z-index:10}.player-overlay.show{opacity:1;pointer-events:auto;transform:translateY(0)}.viewer-info{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000c,#0f0f23b3);border:1px solid #8b5cf64d;border-radius:25px;display:flex;gap:8px;opacity:0;padding:10px 14px;position:absolute;right:20px;top:80px;transition:opacity .5s ease;z-index:12}.viewer-info.show{opacity:1}.live-indicator{animation:pulse 2s infinite;background-color:#22c55e;border-radius:50%;height:8px;width:8px}.player-overlay-content h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #000c}.player-overlay-content p{color:#ffffffe6;font-size:30px;line-height:1.5;margin-bottom:10px;text-shadow:0 1px 2px #000c}.video-meta{color:#fffc;flex-wrap:wrap;font-size:13px;gap:16px}.live-badge,.video-meta{align-items:center;display:flex}.live-badge{background:#ef4444cc;border-radius:15px;font-size:11px;font-weight:600;gap:6px;padding:6px 10px}.live-dot{background-color:#fff;height:6px;width:6px}.player-controls{display:flex;gap:10px;opacity:0;position:absolute;right:20px;top:20px;transition:opacity .3s ease}.player-controls.show{opacity:1}@media (max-width:768px){.player-overlay{bottom:10px;left:10px;padding:15px;right:10px}.viewer-info{padding:8px 12px;right:10px;top:60px}}.video-card{background:#2d3748;border-radius:16px;cursor:pointer;overflow:hidden;transition:all .4s ease}.video-card:hover{background:linear-gradient(135deg,#8b5cf61a,#3b82f614);border:2px solid #8b5cf699;box-shadow:0 25px 50px #8b5cf64d,0 0 0 2px #8b5cf680;transform:translateY(-8px) scale(1.02)}.video-thumbnail{aspect-ratio:16/9;background:#2a2a2a;overflow:hidden;position:relative}.card-content{padding:20px}.card-title{color:#fff;font-size:16px;font-weight:600;line-height:1.4;margin-bottom:8px}.card-description{color:#ffffffb3;font-size:14px;line-height:1.5;margin-bottom:12px}.card-meta{color:#fff9;font-size:12px}.card-footer,.card-meta{align-items:center;display:flex;justify-content:space-between}.card-footer{margin-top:12px}.recommended-badge{background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-radius:12px;box-shadow:0 4px 12px #8b5cf666;color:#fff;font-size:10px;font-weight:600;gap:4px;left:12px;padding:4px 8px;top:12px;z-index:5}.recommended-badge,.thumbnail-loading{align-items:center;display:flex;position:absolute}.thumbnail-loading{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);inset:0;justify-content:center;z-index:1}.spinner{animation:spin 1s linear infinite;border:2px solid #8b5cf64d;border-radius:50%;border-top-color:#8b5cf6;height:20px;width:20px}.thumbnail-image{height:100%;left:0;object-fit:cover;position:absolute;top:0;transition:transform .4s ease;width:100%;z-index:2}.thumbnail-fallback{align-items:center;background:linear-gradient(135deg,#8b5cf633,#3b82f633);display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;width:100%;z-index:2}.live-badge-overlay{animation:pulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;box-shadow:0 4px 12px #ef444466;color:#fff;font-size:10px;font-weight:700;gap:4px;padding:4px 8px;right:8px;top:8px;z-index:10}.live-badge-overlay,.play-overlay{align-items:center;display:flex;position:absolute}.play-overlay{inset:0;justify-content:center;opacity:0;transform:scale(.9);transition:all .4s ease}.play-button{background:#8b5cf64d;border:2px solid #8b5cf699;border-radius:50%;padding:16px;transform:scale(1);transition:transform .3s ease}.duration-badge{align-items:center;background:#000c;border-radius:6px;bottom:12px;color:#fff;font-size:11px;font-weight:500;gap:4px;padding:4px 8px}.duration-badge,.video-actions{display:flex;position:absolute;right:12px}.video-actions{flex-direction:column;gap:8px;opacity:1;top:12px;transform:translateX(0);transition:all .3s ease;z-index:15}.action-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.options-menu{position:relative}.options-dropdown{animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #8b5cf64d;border-radius:8px;box-shadow:0 8px 25px #0000004d;margin-top:4px;min-width:140px;padding:8px;position:absolute;right:0;top:100%;z-index:20}.dropdown-item{background:none;font-size:12px;padding:8px 12px}.category-badge{background:linear-gradient(135deg,#8b5cf64d,#3b82f64d);border:1px solid #8b5cf666;border-radius:8px;color:#a855f7;font-size:10px;font-weight:600;padding:4px 8px}.speaker-info{gap:8px}.saved-indicator,.speaker-info{align-items:center;display:flex}.saved-indicator{background:#8b5cf633;border-radius:8px;color:#8b5cf6;font-size:10px;font-weight:600;gap:4px;padding:4px 8px}.progress-bar-container{margin-top:12px;padding:8px 0}.progress-bar-header{align-items:center;color:#fff9;display:flex;font-size:11px;font-weight:500;justify-content:space-between;margin-bottom:4px}.progress-bar-background{background:#ffffff1a;border-radius:2px;height:3px;overflow:hidden;width:100%}.progress-bar-foreground{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:2px;height:100%;transition:width .3s ease}.learning-path-indicator{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid #8b5cf633;border-radius:8px;color:#fffc;display:flex;font-size:11px;gap:6px;margin-top:12px;padding:8px 12px}.shimmer-card{background:#2d3748;border-radius:8px;overflow:hidden}.shimmer-thumbnail{background:#4a5568;height:150px}.shimmer-content{padding:15px}.shimmer-title{background:#4a5568;height:20px;margin-bottom:10px}.shimmer-description{background:#4a5568;height:15px;margin-bottom:5px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#8b5cf6;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.no-results{color:#fff;padding:40px;text-align:center}.controls-bar{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid #8b5cf633;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.controls-bar-left{align-items:center;display:flex;gap:16px}.sort-dropdown{position:relative}.sort-button{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .3s ease}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23f2;border:1px solid #8b5cf64d;border-radius:8px;box-shadow:0 8px 25px #0000004d;left:0;margin-top:8px;min-width:160px;padding:8px;position:absolute;top:100%;z-index:10}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 12px;text-align:left;transition:all .3s ease;width:100%}.dropdown-item:hover{background:#8b5cf64d}.quick-stats{color:#ffffffb3;font-size:14px}.personal-stats{align-items:center;color:#fff9;display:flex;font-size:12px;gap:16px}.recommended-section{background:linear-gradient(135deg,#8b5cf60d,#3b82f605);border:1px solid #8b5cf61a;border-radius:12px;margin-bottom:24px;padding:16px}.recommended-section h4{align-items:center;color:#8b5cf6;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.recommended-section p{color:#fff9;font-size:12px;margin-bottom:0}.load-more-button{margin-top:32px;text-align:center}.load-more-button button{background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid #8b5cf64d;border-radius:12px;color:#8b5cf6;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}@media (max-width:768px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.controls-bar{flex-direction:column;gap:10px}}.sidebar{background:#1a202c;color:#fff;height:100vh;overflow-y:auto;padding:20px;width:300px}.sidebar-content{display:flex;flex-direction:column}.sidebar-header{justify-content:space-between;margin-bottom:20px}.sidebar-header,.sidebar-title{align-items:center;display:flex}.sidebar-title{font-size:18px;gap:10px}.refresh-button{background:#0000;border:none;color:#fff;cursor:pointer}.news-container{display:flex;flex-direction:column;gap:10px}.news-item{background:#2d3748;border-radius:8px;cursor:pointer;padding:15px;transition:all .3s ease}.news-item:hover{background:linear-gradient(135deg,#8b5cf61a,#3b82f61a);box-shadow:0 8px 25px #8b5cf633;transform:translateX(5px)}.news-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.news-date-container{align-items:center;display:flex;gap:10px}.news-badge{border-radius:4px;font-size:12px;padding:2px 6px}.news-badge-breaking{background:#f87171}.news-badge-update{background:#60a5fa}.news-badge-default{background:#9ca3af}.news-title{font-size:16px;margin-bottom:5px}.news-content{color:#a0aec0;font-size:14px}.view-all-button{align-items:center;background:#4a5568;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;gap:10px;justify-content:center;margin-top:20px;padding:10px;width:100%}@media (max-width:1024px){.sidebar{display:none}}.tab-navigation{background:#ffffff0d;border-radius:12px;display:flex;margin-bottom:20px;padding:4px}.tab-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:12px;font-weight:600;gap:4px;justify-content:center;padding:8px 12px;transition:all .3s ease}.tab-button.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.weekly-goal{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:20px;padding:16px}.weekly-goal-header{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin-bottom:8px}.progress-bar-container{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden;width:100%}.progress-bar{background:linear-gradient(90deg,#8b5cf6,#3b82f6);border-radius:3px;height:100%;transition:width .3s ease}.learning-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-item{background:#ffffff0d;border-radius:8px;padding:12px;text-align:center}.stat-value{font-size:18px;font-weight:700;margin-bottom:4px}.stat-value.streak{color:#22c55e}.stat-value.certificates{color:#f59e0b}.stat-label{color:#fff9;font-size:11px}.recent-achievement{background:linear-gradient(135deg,#fbbf241a,#f59e0b0d);border:1px solid #fbbf2433;border-radius:10px;margin-bottom:20px;padding:12px}.achievement-header{align-items:center;color:#f59e0b;display:flex;font-size:12px;font-weight:600;gap:8px;margin-bottom:6px}.achievement-title{color:#fff;font-size:13px;font-weight:600;margin-bottom:2px}.achievement-description{color:#fff9;font-size:11px}.events-container{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.event-item{background:#ffffff0d;border:1px solid #8b5cf633;border-radius:10px;cursor:pointer;padding:12px;transition:all .3s ease}.event-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.event-icon{border-radius:4px;padding:4px}.event-icon.webinar{background:#3b82f633}.event-icon.workshop{background:#8b5cf633}.event-type{font-size:11px;font-weight:600;text-transform:uppercase}.event-type.webinar{color:#3b82f6}.event-type.workshop{color:#8b5cf6}.event-title{color:#fff;font-size:13px;font-weight:600;margin-bottom:4px}.event-date{align-items:center;color:#fff9;display:flex;font-size:11px;gap:4px}.calendar-button{background:linear-gradient(135deg,#8b5cf6,#3b82f6);margin-bottom:20px}.platform-stats{background:linear-gradient(135deg,#8b5cf626,#3b82f626);border:1px solid #8b5cf64d;border-radius:16px;box-shadow:0 0 20px #8b5cf61a;padding:20px}.platform-stats h4{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:12px}.stats-grid{display:flex;flex-direction:column;gap:8px}.stat-row{align-items:center;display:flex;font-size:12px;justify-content:space-between}.stat-row span:first-child{color:#ffffffb3}.stat-value{font-weight:600}.stat-value.live{color:#22c55e;text-shadow:0 0 10px #22c55e80}.stat-value.views{color:#60a5fa;text-shadow:0 0 10px #60a5fa80}.stat-value.progress{color:#8b5cf6;text-shadow:0 0 10px #8b5cf680}.progress-row{border-top:1px solid #ffffff1a;padding-top:8px}.mini-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000f2,#0f0f23e6);border-radius:16px;bottom:20px;cursor:pointer;position:fixed;right:20px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:50}.mini-player.scroll-based{border:2px solid #3b82f699;box-shadow:0 25px 50px #3b82f64d,0 0 60px #3b82f61a}.mini-player.manual{border:2px solid #ef444499;box-shadow:0 25px 50px #ef44444d,0 0 60px #ef44441a}.mini-player-close-button{align-items:center;background:#ef4444cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:10px;top:10px;transition:all .3s ease;z-index:11}.mini-player-video{aspect-ratio:16/9;border-radius:16px;overflow:hidden}.news-popup-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:99}.news-popup{background:#1a202c;border-radius:16px;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:100}.popup-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.close-button{background:#0000;border:none;color:#fff;cursor:pointer}.popup-title{font-size:20px;font-weight:600;margin-bottom:10px}.popup-content{color:#a0aec0;font-size:16px}.main-application{background:#111827;display:flex;flex-direction:column}.main-content{display:flex;gap:24px;margin:0;min-height:calc(100vh - 64px);padding:24px;transition:all .5s ease;width:100%}.content-area{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow:hidden}.player-container{aspect-ratio:16/9;background:#000;border-radius:20px;margin-top:24px;max-height:90vh;overflow:hidden;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1);width:100%}.player-container.live{border:2px solid #ef444466;box-shadow:0 0 50px #ef444466,0 0 100px #ef444433}.player-container.vod{border:1px solid #8b5cf64d;box-shadow:0 0 50px #8b5cf666,0 0 100px #3b82f633}.loading-player{align-items:center;display:flex;height:100%;justify-content:center}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-title{color:#fff;font-size:24px}.live-indicator-main{align-items:center;color:#ef4444;display:flex;gap:10px}.live-indicator-main .dot{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.sidebar-container{background:linear-gradient(135deg,#0f0f23f2,#1a1a2ee6);border-left:1px solid #8b5cf633;border-radius:16px;box-shadow:0 0 30px #8b5cf61a;flex-shrink:0;height:100%;overflow:auto;transition:all .5s ease;width:300px}@media (max-width:1024px){.sidebar-container{display:none}.main-content{padding:0}}.reopen-mini-player-button{align-items:center;background:#ef4444cc;border:none;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:10px;position:fixed;right:20px;z-index:1000}.guest-landing{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e,#0f172a);color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.hero-section{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border-bottom:1px solid #8b5cf633;padding:60px 24px;position:relative}.hero-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}.hero-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#8b5cf6,#3b82f6,#06b6d4);-webkit-background-clip:text;background-clip:text;font-size:clamp(32px,5vw,56px);font-weight:700;line-height:1.1;margin-bottom:20px}.hero-content p{color:#fffc;font-size:20px;line-height:1.6;margin-bottom:32px}.live-stream-preview{aspect-ratio:16/9;background:#000;border:2px solid #8b5cf666;border-radius:20px;box-shadow:0 25px 50px #8b5cf64d,0 0 60px #8b5cf61a;overflow:hidden;position:relative}.featured-content{margin:0 auto;max-width:1400px;padding:60px 24px}.featured-videos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:48px}.news-preview{background:linear-gradient(135deg,#8b5cf60d,#3b82f605);border-top:1px solid #8b5cf61a;padding:60px 24px}.final-cta{background:linear-gradient(135deg,#8b5cf61a,#3b82f60d);border-top:1px solid #8b5cf633;padding:80px 24px;text-align:center}@media (max-width:768px){.hero-grid{grid-template-columns:1fr}}.auth-container{background:#111827;color:#fff;display:flex;height:100vh}.auth-overlay-container{height:100%;left:0;position:fixed;top:0;width:100%;z-index:1000}.auth-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.auth-close-button{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;width:40px;z-index:1010}.auth-content{display:flex;height:100%;position:relative;width:100%;z-index:1}.auth-branding{background:#1f2937}.auth-branding,.auth-form{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px}.form-container{margin:0 auto;max-width:400px;width:100%}.form-header{margin-bottom:20px}.form-title{font-size:24px;font-weight:700;margin-bottom:10px}.form-subtitle{color:#9ca3af;font-size:16px}.input-group{margin-bottom:20px}.input-label{color:#d1d5db;display:block;font-size:14px;margin-bottom:5px}.input-container{position:relative}.input{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;padding:10px 40px;width:100%}.input-icon{left:10px}.input-icon,.password-toggle{color:#9ca3af;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle{background:none;border:none;cursor:pointer;right:10px}.submit-button{align-items:center;background:#8b5cf6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:12px;width:100%}@media (max-width:768px){.auth-branding{display:none}}.live-preview{background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid #ef444433;border-radius:16px;margin-bottom:30px;padding:20px}.live-preview-title{align-items:center;color:#ef4444;display:flex;font-size:16px;font-weight:700;gap:8px;margin-bottom:12px}.live-dot{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.live-preview-event{color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:8px}.live-preview-viewers{color:#ffffffb3;font-size:12px;margin-bottom:12px}.join-live-button{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:6px;padding:8px 16px}.features-list{display:flex;flex-direction:column;gap:10px}.feature-item{align-items:center;display:flex;font-size:14px;gap:10px}.testimonial{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-top:20px;padding:16px}.testimonial-text{color:#ffffffe6;font-size:14px;font-style:italic;margin-bottom:8px}.testimonial-author{color:#fff9;font-size:12px}.success-message{align-items:center;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;color:#22c55e;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:12px 16px}.oauth-buttons{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.oauth-button{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:all .3s ease}.divider,.oauth-button{align-items:center;display:flex}.divider{gap:16px;margin-bottom:24px}.divider-line{background:#fff3;flex:1 1;height:1px}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;color:#ef4444;padding:12px 16px}.error-message,.magic-link-button{align-items:center;display:flex;font-size:14px;gap:8px}.magic-link-button{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-weight:500;justify-content:center;margin-top:12px;padding:12px 24px;transition:all .3s ease;width:100%}.toggle-auth-mode{margin-top:24px;text-align:center}.toggle-auth-mode button{background:none;border:none;color:#a5b4fc;cursor:pointer;font-size:14px;font-weight:500}.loading-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:16px}
/*# sourceMappingURL=main.5c4deb95.css.map*/