:root{--color-bg-primary: #000000;--color-bg-secondary: #0a0a0a;--color-bg-alternate: #0a0a0a;--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-primary: #0099ff;--color-primary-dark: #1aa3ff;--color-accent-primary: #0099ff;--color-accent-primary-hover: #1aa3ff;--color-accent-secondary: #0066ff;--color-accent-secondary-hover: #1a7dff;--color-accent-tertiary: #4d9fff;--color-logo: #ffffff;--color-border-primary: rgba(255, 255, 255, .1);--color-border-secondary: #1a1a1a;--opacity-low: .05;--opacity-medium: .1;--opacity-high: .2;--opacity-overlay: .4;--opacity-backdrop: .6;--opacity-strong: .8;--opacity-full: .95;--glass-bg: rgba(255, 255, 255, var(--opacity-low));--glass-bg-hover: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, var(--opacity-medium));--glass-border-hover: rgba(255, 255, 255, var(--opacity-high));--overlay-dark: rgba(0, 0, 0, var(--opacity-overlay));--overlay-dark-strong: rgba(0, 0, 0, var(--opacity-full));--color-overlay-dark: rgba(0, 0, 0, .7);--color-overlay-medium: rgba(0, 0, 0, .5);--color-overlay-light: rgba(0, 0, 0, .3);--color-overlay-primary: rgba(0, 153, 255, .1);--gradient-primary: radial-gradient(ellipse 80% 60% at 30% 40%, rgba(0, 51, 102, .15) 0%, rgba(0, 77, 153, .1) 50%, transparent 80%);--gradient-secondary: radial-gradient(ellipse 60% 80% at 70% 60%, rgba(0, 38, 77, .12) 0%, rgba(0, 51, 102, .08) 50%, transparent 80%);--gradient-overlay: linear-gradient(180deg, rgba(0, 0, 0, .4) 0%, rgba(0, 0, 0, .8) 100%);--gradient-pricing-featured: linear-gradient(135deg, rgba(0, 153, 255, .1) 0%, rgba(77, 159, 255, .1) 100%);--blur-sm: 10px;--blur-md: 15px;--blur-lg: 20px;--font-family-primary: "Inter", sans-serif;--font-size-xs: .7rem;--font-size-sm: .75rem;--font-size-base: .85rem;--font-size-md: .9rem;--font-size-lg: .95rem;--font-size-xl: 1rem;--font-size-2xl: 1.1rem;--font-size-3xl: 1.2rem;--font-size-4xl: 1.5rem;--font-size-5xl: 1.8rem;--font-size-6xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-black: 900;--line-height-tight: 1.4;--line-height-normal: 1.6;--letter-spacing-tight: .5px;--letter-spacing-normal: 1px;--letter-spacing-wide: 2px;--spacing-xs: .4rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--margin-xs: .25rem;--margin-sm: .5rem;--margin-md: 1rem;--margin-lg: 1.5rem;--margin-xl: 2rem;--margin-2xl: 3rem;--gap-xs: .5rem;--gap-sm: .75rem;--gap-md: 1rem;--gap-lg: 1.5rem;--gap-xl: 2rem;--border-radius-sm: 4px;--border-radius-md: 5px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 50px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--transition-fast: .2s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-index-background: -1;--z-index-base: 1;--z-index-stacked: 2;--z-index-overlay: 99;--z-index-dropdown: 999;--z-index-header: 1000;--z-index-modal: 1000;--z-index-fullscreen: 1002;--max-width-sm: 1200px;--max-width-lg: 1920px;--aspect-ratio-video: 16 / 9;font-family:var(--font-family-primary);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary)}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background-color:var(--color-bg-primary);background-image:var(--gradient-primary),var(--gradient-secondary);width:100%;max-width:100%;overflow-x:hidden;margin:0;padding:0;box-sizing:border-box;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.blurred-gradient-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-background);pointer-events:none;background-color:var(--overlay-dark);background-image:linear-gradient(to bottom right,#000c,#0a0a14b3,#0f0a19b3,#0a0a14b3,#000c);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));overflow:hidden}.blurred-gradient-background:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,51,102,.08) 0%,rgba(0,77,153,.05) 30%,transparent 70%);animation:float 30s ease-in-out infinite;opacity:.6}.blurred-gradient-background:after{content:"";position:absolute;bottom:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(ellipse at center,rgba(0,38,77,.06) 0%,rgba(0,51,102,.04) 30%,transparent 70%);animation:float 35s ease-in-out infinite reverse;opacity:.5}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.header{background:rgba(0,0,0,var(--opacity-strong));backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));padding:var(--spacing-lg) var(--spacing-2xl);position:sticky;top:0;z-index:var(--z-index-header);width:100%;max-width:100%;box-sizing:border-box;margin:0;left:0;right:0}.header-content{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:0}.header-content h1{margin:0;padding:0;display:flex;align-items:center;justify-content:center}.logo{display:flex;align-items:center;color:var(--color-logo);transition:color var(--transition-base);text-decoration:none}.logo svg{height:40px;width:auto;max-width:201px}.logo svg path,.logo svg rect{fill:currentColor}.nav-menu{display:flex;gap:var(--gap-xl);flex:1;justify-content:center;flex-wrap:wrap}.nav-link{color:var(--color-text-primary);text-decoration:none;text-transform:uppercase;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);transition:color var(--transition-normal);position:relative}.nav-link:hover{color:var(--color-primary)}.nav-link.active:after{content:"";position:absolute;bottom:-5px;left:0;right:0;height:var(--border-width-medium);background-color:var(--color-primary)}.header-icons{display:flex;gap:var(--spacing-lg);align-items:center;position:relative}.icon-btn{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal)}.icon-btn svg{display:block}.icon-btn:hover,.icon-btn.active{color:var(--color-primary)}.button{border:none;cursor:pointer;font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-normal);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none}.button-primary{background-color:var(--color-primary);color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-sm)}.button-primary:hover{background-color:var(--color-primary-dark)}.button-secondary{background-color:transparent;color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-primary);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-sm)}.button-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.button-text{background:none;color:var(--color-text-primary);padding:var(--spacing-md) var(--spacing-lg);text-align:left;width:100%;justify-content:flex-start}.button-text:hover{background-color:var(--color-bg-alternate);color:var(--color-primary)}.button-ghost{background:none;color:var(--color-text-primary);padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.button-ghost:hover{background-color:var(--color-bg-alternate)}.mobile-menu-btn{display:none}.mobile-menu-overlay{position:fixed;inset:0;width:100%;height:100%;background-color:var(--color-overlay-dark);z-index:var(--z-index-overlay);box-sizing:border-box}.mobile-menu{position:fixed;top:70px;left:0;right:0;width:100%;background:var(--overlay-dark-strong);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border-bottom:var(--border-width-thin) solid var(--glass-border);z-index:var(--z-index-header);display:flex;flex-direction:column;padding:var(--spacing-lg) 0;animation:slideDown var(--transition-normal);box-sizing:border-box}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-link{color:var(--color-text-primary);text-decoration:none;text-transform:uppercase;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);padding:var(--spacing-lg) var(--spacing-2xl);transition:background-color var(--transition-normal),color var(--transition-normal);border-bottom:var(--border-width-thin) solid var(--color-border-secondary)}.mobile-nav-link:last-child{border-bottom:none}.mobile-nav-link:hover{background-color:var(--color-bg-alternate);color:var(--color-primary)}.mobile-nav-link:active{background-color:var(--color-bg-alternate)}.main-content{position:relative;z-index:var(--z-index-base);padding:var(--spacing-2xl) 0}.video-section{position:relative;margin-bottom:var(--margin-2xl);margin-left:var(--spacing-md);margin-right:var(--spacing-md);padding:var(--spacing-2xl) var(--spacing-2xl);overflow:hidden;z-index:var(--z-index-base);background:transparent;border:none;border-radius:0;box-sizing:border-box;transition:all var(--transition-base)}.section-dark{background:#0009;backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(var(--blur-md));border-radius:var(--radius-lg)}.section-header{margin-bottom:var(--margin-lg);padding:0}.section-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);margin:0;padding:0}.video-carousel-wrapper{position:relative;width:100%;margin:0;padding:0}.video-grid{display:flex;overflow-x:auto;overflow-y:visible;gap:var(--gap-lg);scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:var(--spacing-sm) var(--spacing-lg);margin:0}.video-grid::-webkit-scrollbar{display:none}.video-card{flex:0 0 auto;width:280px;min-width:280px}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-index-base);background:var(--glass-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));border:var(--border-width-thin) solid var(--glass-border);color:var(--color-text-primary);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);opacity:.8}.carousel-button:hover{opacity:1;background:var(--glass-bg-hover);border-color:var(--color-accent-primary);transform:translateY(-50%) scale(1.1);box-shadow:0 4px 20px #09f6}.carousel-button-left{left:var(--spacing-lg)}.carousel-button-right{right:var(--spacing-lg)}.carousel-button svg{width:24px;height:24px}.video-card{cursor:pointer;transition:transform var(--transition-normal)}.video-card:hover{transform:scale(1.05)}.video-card:hover .play-overlay{opacity:1}.video-thumbnail{width:100%;aspect-ratio:var(--aspect-ratio-video);background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);border-radius:var(--border-radius-sm);position:relative;overflow:hidden;margin-bottom:var(--spacing-lg);display:flex;align-items:center;justify-content:center}.video-thumbnail:before{content:"";position:absolute;inset:0;background:var(--color-overlay-light);transition:background var(--transition-normal)}.video-card:hover .video-thumbnail:before{background:var(--color-overlay-medium)}.play-overlay{position:absolute;opacity:0;transition:opacity var(--transition-normal);z-index:var(--z-index-base)}.video-info{padding:var(--spacing-sm) 0}.video-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-tight)}.video-description{font-size:var(--font-size-base);color:var(--color-text-secondary);line-height:var(--line-height-tight);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body.is-mobile-device .header{padding:var(--spacing-lg) 0}body.is-mobile-device .header-content{flex-wrap:nowrap;gap:var(--spacing-lg);padding:0 var(--spacing-lg)}body.is-mobile-device .logo{flex-shrink:0}body.is-mobile-device .logo svg{height:clamp(30px,6vw,40px);max-width:100%}body.is-mobile-device .nav-menu{display:none}body.is-mobile-device .header-icons{gap:var(--spacing-md);flex-shrink:0}body.is-mobile-device .mobile-menu-btn{display:flex}body.is-mobile-device .icon-btn{padding:var(--spacing-xs)}body.is-mobile-device .icon-btn svg{width:18px;height:18px}body.is-mobile-device .mobile-menu-btn svg{width:24px;height:24px}body.is-mobile-device .mobile-menu{top:clamp(63px,10vw,73px)}body.is-mobile-device .main-content{padding:0}body.is-mobile-device .video-section{padding:var(--spacing-xl) var(--spacing-lg);margin-bottom:var(--spacing-2xl);margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}body.is-mobile-device .section-dark{padding:var(--spacing-lg) var(--spacing-md)}body.is-mobile-device .section-title{font-size:clamp(var(--font-size-xl),5vw,var(--font-size-3xl))}body.is-mobile-device .video-grid{padding-left:0;padding-right:21vw;scroll-padding-left:7vw;scroll-snap-type:x mandatory;gap:var(--spacing-md)}body.is-mobile-device .video-card{width:70vw;min-width:70vw;scroll-snap-align:start;scroll-snap-stop:always}body.is-mobile-device .video-card:first-child{scroll-margin-left:0}body.is-mobile-device .carousel-button{width:44px;height:44px;background:var(--glass-bg);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(var(--blur-sm));opacity:.95;border:1px solid var(--glass-border)}body.is-mobile-device .carousel-button:hover{opacity:1;background-color:#000000e6;transform:translateY(-50%) scale(1.05)}body.is-mobile-device .carousel-button-left{left:var(--spacing-xs)}body.is-mobile-device .carousel-button-right{right:var(--spacing-xs)}body.is-mobile-device .carousel-button svg{width:22px;height:22px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}body.is-mobile-device .video-title{font-size:var(--font-size-md)}body.is-mobile-device .video-description{font-size:var(--font-size-sm)}body.is-mobile-device .mobile-nav-link{font-size:var(--font-size-md);padding:.875rem var(--spacing-xl)}body.is-mobile-device .video-thumbnail{margin-bottom:var(--spacing-sm)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-bg-alternate);border-radius:var(--border-radius-md)}::-webkit-scrollbar-thumb:hover{background:#555}.view-page{position:relative;min-height:100vh;background:transparent;padding:0;z-index:var(--z-index-base)}.video-player-container{width:100%;display:flex;flex-direction:column;position:relative}.video-player-wrapper{width:100%;max-width:100%;position:relative;overflow:hidden;background-color:var(--color-bg-primary);box-sizing:border-box;padding-bottom:56.25%;height:0}@media(min-aspect-ratio:16/9){.video-player-wrapper{padding-bottom:0;height:100vh;max-height:100vh;width:calc(100vh * 16 / 9);max-width:100%;margin-left:auto;margin-right:auto}}.youtube-player{position:absolute;top:0;left:0;width:100%;height:100%;max-width:100%;max-height:100%;border:none;box-sizing:border-box}.youtube-player iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none!important;z-index:1;visibility:visible!important;opacity:1!important;display:block!important}.youtube-player iframe *{pointer-events:none!important}.youtube-player{position:relative;width:100%;height:100%;z-index:1}.video-player-wrapper{position:relative;overflow:hidden;pointer-events:none}.video-player-wrapper .player-overlay-blocker{pointer-events:auto;z-index:25;display:block!important;visibility:visible!important}.video-player-wrapper .custom-video-controls{pointer-events:none}.video-player-wrapper .custom-video-controls.visible{pointer-events:auto}.thumbnail-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;background:var(--color-bg-primary);opacity:1;transition:opacity 1s ease-out;pointer-events:none}.thumbnail-mask.fade-out{opacity:0;pointer-events:none}.thumbnail-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(30px) brightness(.4);transform:scale(1.15);opacity:1;transition:opacity 1s ease-out}.thumbnail-mask.fade-out .thumbnail-background{opacity:0}.thumbnail-mask .loading-spinner-inline{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;opacity:1;transition:opacity .5s ease-out}.thumbnail-mask.fade-out .loading-spinner-inline{opacity:0}.player-overlay-blocker{position:absolute;inset:0;width:100%;height:100%;z-index:25;pointer-events:auto;cursor:pointer;background:transparent;opacity:0;transition:opacity var(--transition-normal);min-width:100%;min-height:100%;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.custom-video-controls{position:absolute;bottom:0;left:0;right:0;z-index:25;opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.custom-video-controls.visible{opacity:1;pointer-events:auto}.controls-bar{position:relative;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);margin:var(--spacing-md);margin-bottom:var(--spacing-lg);background:#00000080;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 4px 20px #0000004d}.control-button{background:#ffffff26;border:none;color:var(--color-text-primary);width:44px;height:44px;border-radius:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-normal);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 2px 10px #0003}.control-button:hover{background:#ffffff40;transform:scale(1.05);box-shadow:0 4px 15px #0099ff4d}.control-button svg{display:block;width:20px;height:20px}.progress-container{flex:1;position:relative;height:6px;background:#ffffff26;border-radius:10px;cursor:pointer;overflow:hidden}.progress-slider{width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;outline:none;position:absolute;top:0;left:0;z-index:2}.progress-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:3px solid var(--color-text-primary);box-shadow:0 2px 8px #0099ff80;opacity:0;transition:all var(--transition-normal)}.progress-container:hover .progress-slider::-webkit-slider-thumb,.progress-slider:active::-webkit-slider-thumb{opacity:1}.progress-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:3px solid var(--color-text-primary);box-shadow:0 2px 8px #0099ff80;opacity:0;transition:all var(--transition-normal)}.progress-container:hover .progress-slider::-moz-range-thumb,.progress-slider:active::-moz-range-thumb{opacity:1}.progress-container:before{content:"";position:absolute;top:0;left:0;height:100%;width:var(--progress-percent, 0%);background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-accent-primary) 100%);border-radius:10px;transition:width .1s linear;pointer-events:none;z-index:1;box-shadow:0 0 10px #09f6}.time-display{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:70px;text-align:right;padding:4px var(--spacing-xs);background:#ffffff1a;border-radius:10px;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.time-separator{opacity:.6}.video-player-wrapper{position:relative;overflow:hidden;width:100%;height:100%}.custom-video-controls.visible~*{pointer-events:none}.loading-spinner-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);z-index:var(--z-index-modal)}.loading-spinner-inline{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);width:100%;min-height:200px}.spinner{border:6px solid rgba(0,153,255,.2);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:40px;height:40px;border-width:4px}.spinner-medium{width:80px;height:80px;border-width:6px}.spinner-large{width:120px;height:120px;border-width:8px}@keyframes spin{to{transform:rotate(360deg)}}.video-loading-spinner{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg-primary);z-index:var(--z-index-modal)}.confidential-notice{max-width:var(--max-width-sm);width:100%;margin:var(--spacing-2xl) auto 0;padding:var(--spacing-xl) var(--spacing-2xl);background-color:var(--color-overlay-primary);border-left:var(--border-width-thick) solid var(--color-primary);display:flex;align-items:flex-start;gap:var(--spacing-lg);color:var(--color-text-primary)}.confidential-notice svg{flex-shrink:0;color:var(--color-primary);margin-top:.2rem}.confidential-notice p{margin:0;font-size:var(--font-size-lg);line-height:var(--line-height-normal);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.video-details{position:relative;z-index:var(--z-index-stacked);max-width:var(--max-width-sm);width:100%;margin:0 auto;padding:var(--spacing-2xl);background:transparent}.video-title-view{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal)}.video-description-view{font-size:var(--font-size-2xl);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.back-button{position:fixed;top:80px;left:var(--spacing-2xl);z-index:var(--z-index-modal);background-color:var(--color-overlay-dark);color:var(--color-text-primary);border:var(--border-width-thin) solid var(--color-border-primary);padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-xl);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:var(--letter-spacing-normal);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--gap-xs)}.back-button svg{display:block;flex-shrink:0}.back-button:hover{background-color:var(--color-primary);border-color:var(--color-primary);transform:scale(1.05)}body.is-mobile-device .video-title-view{font-size:clamp(var(--font-size-3xl),6vw,var(--font-size-4xl))}body.is-mobile-device .video-description-view{font-size:clamp(var(--font-size-md),3vw,var(--font-size-xl))}body.is-mobile-device .confidential-notice{padding:clamp(var(--spacing-lg),2vw,1.25rem) var(--spacing-xl);gap:var(--spacing-md)}body.is-mobile-device .confidential-notice svg{width:clamp(18px,3vw,20px);height:clamp(18px,3vw,20px)}body.is-mobile-device .confidential-notice p{font-size:clamp(var(--font-size-base),2vw,var(--font-size-md))}body.is-mobile-device .video-details{padding:clamp(var(--spacing-lg),3vw,var(--spacing-xl))}body.is-mobile-device .back-button{top:16px;left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);font-size:clamp(var(--font-size-xs),2vw,var(--font-size-md))}.mobile-fullscreen-header{display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;padding:clamp(15px,2vw,20px) clamp(20px,4vw,32px);z-index:var(--z-index-fullscreen);background:transparent}.mobile-logo{font-size:clamp(1.2rem,4vw,var(--font-size-4xl));font-weight:var(--font-weight-black);color:#fff;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);margin:0;padding:0;display:flex;align-items:center}.mobile-logo svg{height:30px;width:auto;color:#fff!important}.mobile-logo svg path,.mobile-logo svg rect{fill:#fff!important}.mobile-close-button{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:clamp(.4rem,1vw,var(--spacing-sm));display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal)}.mobile-close-button:hover{color:var(--color-primary)}.mobile-close-button svg{display:block;width:clamp(20px,3vw,24px);height:clamp(20px,3vw,24px)}@media(orientation:landscape){.view-page{height:100vh;overflow:hidden}.video-player-container{height:100vh;position:fixed;top:0;left:0;width:100%;z-index:1000}.video-player-wrapper{height:100vh;padding-bottom:0;position:relative}.youtube-player{position:absolute;top:0;left:0;width:100%;height:100vh}.confidential-notice,.video-details,.back-button{display:none}}.view-page.portrait-mode{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:9999;background:var(--color-bg-primary)}.view-page.portrait-mode .video-player-container.portrait-fullscreen{position:fixed;top:0;left:0;width:100vh;height:100vw;transform:rotate(90deg);transform-origin:center center;margin-left:calc((100vw - 100vh)/2);margin-top:calc((100vh - 100vw)/2);z-index:10000}.view-page.portrait-mode .video-player-container.portrait-fullscreen .video-player-wrapper{width:100%;height:100%;padding-bottom:0;position:relative}.view-page.portrait-mode .video-player-container.portrait-fullscreen .youtube-player{width:100%;height:100%}.view-page.portrait-mode .confidential-notice,.view-page.portrait-mode .video-details,.view-page.portrait-mode .back-button{display:none!important}.view-page.portrait-mode .custom-video-controls{z-index:25}.search-overlay{position:fixed;inset:0;background-color:var(--color-overlay-dark);z-index:var(--z-index-modal);animation:fadeIn var(--transition-normal)}.search-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;max-height:80vh;background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--border-radius-md);z-index:calc(var(--z-index-modal) + 1);display:flex;flex-direction:column;animation:slideUp var(--transition-normal);box-shadow:0 10px 40px #000c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.search-modal-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.search-input-wrapper{flex:1;display:flex;align-items:center;gap:var(--spacing-md);background-color:var(--color-bg-alternate);border:var(--border-width-thin) solid var(--color-border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-md) var(--spacing-lg)}.search-input-wrapper svg{flex-shrink:0;color:var(--color-text-secondary)}.search-input{flex:1;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-lg);outline:none}.search-input::placeholder{color:var(--color-text-secondary)}.search-clear-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal)}.search-clear-btn:hover{color:var(--color-text-primary)}.search-close-btn{background:none;border:none;color:var(--color-text-primary);cursor:pointer;padding:var(--spacing-sm);display:flex;align-items:center;justify-content:center;transition:color var(--transition-normal)}.search-close-btn:hover{color:var(--color-primary)}.search-results{flex:1;overflow-y:auto;max-height:calc(80vh - 100px)}.search-empty{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary)}.search-results-list{padding:var(--spacing-md)}.search-result-item{display:flex;gap:var(--spacing-lg);padding:var(--spacing-lg);cursor:pointer;border-radius:var(--border-radius-sm);transition:background-color var(--transition-normal);margin-bottom:var(--spacing-sm)}.search-result-item:hover{background-color:var(--color-bg-alternate)}.search-result-thumbnail{width:120px;min-width:120px;height:68px;border-radius:var(--border-radius-sm);background-color:var(--color-bg-alternate)}.search-result-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-result-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.search-result-description{font-size:var(--font-size-base);color:var(--color-text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dropdown-overlay{position:fixed;inset:0;z-index:var(--z-index-overlay)}.notifications-dropdown{position:absolute;top:100%;right:0;width:320px;max-width:90vw;background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:0 10px 40px #000c;z-index:calc(var(--z-index-header) + 1);animation:slideDown var(--transition-normal);overflow:hidden}.dropdown-header{padding:var(--spacing-xl);border-bottom:var(--border-width-thin) solid var(--color-border-primary)}.dropdown-header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.dropdown-content{max-height:400px;overflow-y:auto}.notification-empty{padding:var(--spacing-3xl);text-align:center;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.notification-empty svg{color:var(--color-text-secondary);opacity:.5}.notification-empty p{margin:0}.profile-dropdown{position:absolute;top:100%;right:0;width:280px;max-width:90vw;background:var(--glass-bg);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(var(--blur-lg));border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--border-radius-md);box-shadow:0 10px 40px #000c;z-index:calc(var(--z-index-header) + 1);animation:slideDown var(--transition-normal);overflow:hidden}.profile-header-info{display:flex;align-items:center;gap:var(--spacing-md)}.profile-avatar{width:48px;height:48px;border-radius:50%;background-color:var(--color-bg-alternate);display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);flex-shrink:0}.profile-header-info h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.profile-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-base);text-align:left;cursor:pointer;transition:background-color var(--transition-normal)}.dropdown-item:hover{background-color:var(--color-bg-alternate)}.dropdown-item svg{flex-shrink:0;color:var(--color-text-secondary)}.dropdown-item:hover svg{color:var(--color-primary)}.dropdown-divider{height:var(--border-width-thin);background-color:var(--color-border-primary);margin:var(--spacing-sm) 0}body.is-mobile-device .notifications-dropdown,body.is-mobile-device .profile-dropdown{right:var(--spacing-md);width:calc(100vw - var(--spacing-2xl));max-width:320px}body.is-mobile-device .search-modal{width:95%;max-height:90vh}body.is-mobile-device .search-result-thumbnail{width:100px;min-width:100px;height:56px}