:root{--bg-dark: #171c2c;--primary-color: #00235e;--secondary-blue: #004e8f;--accent-blue: #2ab7ff;--text-white: #ffffff;--text-gray: #a0aec0;--primary-hover: #00368a;--success-green: #22c55e;--warning-yellow: #fbbf24;--error-red: #ff4444;--card-bg: rgba(255, 255, 255, .03);--card-border: rgba(255, 255, 255, .08);--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:Lexend,sans-serif;background:var(--bg-dark);color:var(--text-white);line-height:1.4;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.container{max-width:1200px;margin:0 auto;padding:0 20px}.bg-video{position:fixed;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-2;object-fit:cover;opacity:.2;pointer-events:none}.header{background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);position:relative;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.logo{flex-shrink:0}.logo-img{height:35px;width:auto}.nav{display:flex;gap:30px;margin-left:50px}.nav-link{color:var(--text-white);text-decoration:none;font-size:16px;font-weight:500;padding:8px 12px;border-radius:6px;transition:all var(--transition-speed) ease}.nav-link.active{background:#ffffff1a;color:var(--text-white)}.nav-link:hover{background:#ffffff0d}.btn-auth{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease}.btn-auth:hover{background:var(--primary-hover);transform:translateY(-1px)}.main{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:60px 0;position:relative;z-index:1}.live-button-container{margin:auto;display:flex;justify-content:center;align-items:center}.btn-live-watch{background:var(--secondary-blue);color:#fff;padding:25px 100px;border-radius:25px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all var(--transition-speed) ease;box-shadow:0 4px 20px #004e8f4d;border:1px solid var(--accent-blue)}.play-icon{font-size:14px;color:var(--accent-blue)}.btn-live-watch:hover{background:var(--accent-blue);color:var(--primary-color);transform:translateY(-2px);box-shadow:0 6px 25px #2ab7ff66}.live-status{margin-bottom:25px}.live-indicator{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;letter-spacing:1px}.live-dot{width:12px;height:12px;background:var(--primary-hover);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.viewer-count{display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--text-gray);margin-top:10px;margin-bottom:10px}.viewer-dot{width:6px;height:6px;background:var(--error-red);border-radius:50%}.viewer-number{color:var(--accent-blue);font-weight:600}.quality-badges{display:flex;gap:10px;justify-content:center;margin-bottom:40px}.badge{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px}.badge-green{background:var(--success-green);color:#fff}.badge-blue{background:var(--secondary-blue);color:#fff}.hero-content{margin-bottom:60px}.hero-title{font-size:48px;font-weight:800;margin-bottom:15px;background:linear-gradient(135deg,var(--text-white),var(--accent-blue));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.hero-subtitle{font-size:18px;color:var(--text-gray);font-weight:400}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:30px 20px;text-align:center;transition:all var(--transition-speed) ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{background:#ffffff14;border-color:#1e90ff4d;transform:translateY(-5px)}.feature-icon{margin-bottom:20px}.feature-icon div{width:60px;height:60px;border-radius:50%;background:#1e90ff1a;display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:24px}.icon-play{color:var(--success-green)}.icon-flash{color:var(--warning-yellow)}.icon-shield{color:var(--secondary-blue)}.icon-people{color:var(--accent-purple)}.feature-title{font-size:18px;font-weight:600;margin-bottom:10px;color:var(--text-white)}.feature-description{font-size:14px;color:var(--text-gray);line-height:1.5}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr);gap:25px}.hero-title{font-size:40px}}@media(max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.nav{margin-left:0}.features-grid{grid-template-columns:1fr;gap:20px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.quality-badges{flex-wrap:wrap}.container{padding:0 15px}}@media(max-width:480px){.hero-title{font-size:28px}.btn-live-watch{padding:12px 30px;font-size:14px}.feature-card{padding:25px 15px}.nav{flex-direction:column;gap:10px}}.footer{background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--card-border);padding:20px 0;margin-top:auto;position:relative;z-index:100}.footer-content{text-align:center;color:var(--text-gray);font-size:14px}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){.feature-card{border-width:2px}.badge{border:1px solid currentColor}}button:focus,.nav-link:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media print{.bg-video{display:none}body{background:#fff;color:#000}.header{background:#fff;border-bottom:1px solid black}}