@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Light.ttf)format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Semibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-Bold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Open Sans;src:url(/fonts/OpenSans-ExtraBold.ttf)format("truetype");font-weight:800;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0}body{color:#fff;background:#07080d;font-family:Open Sans,sans-serif}.home-page,.watch-page{background:#07080d;min-height:100vh;position:relative;overflow:hidden}.background-orb{filter:blur(100px);opacity:.35;pointer-events:none;border-radius:50%;width:400px;height:400px;position:fixed}.orb-one{background:#7346d9;top:5%;left:-100px}.orb-two{background:#166bb5;top:35%;right:-100px}.orb-three{background:#b53d9b;bottom:-200px;left:40%}.glass{-webkit-backdrop-filter:blur(25px)saturate(160%);background:linear-gradient(135deg,#ffffff24,#ffffff0b);border:1px solid #ffffff29;position:relative;box-shadow:inset 0 1px #ffffff2e,0 20px 60px #00000040}.topbar{z-index:10;border-radius:22px;align-items:center;gap:35px;width:calc(100% - 70px);max-width:1450px;min-height:72px;margin:25px auto 0;padding:0 25px;display:flex;position:relative}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:19px;font-weight:700;display:flex}.brand-icon{background:#ffffff26;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;display:flex}.brand-icon img{object-fit:contain;width:20px;height:auto;max-height:20px;display:block}.topbar nav{flex:1;justify-content:center;gap:30px;display:flex}.topbar nav a{color:#fff9;font-size:14px;text-decoration:none;transition:all .25s}.topbar nav a:hover,.topbar nav .nav-active{color:#fff}.profile{align-items:center;gap:10px;font-size:14px;display:flex}.profile-avatar{background:#fff3;border:1px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;display:flex}.hero{isolation:isolate;border-radius:30px;width:calc(100% - 70px);max-width:1450px;min-height:380px;margin:30px auto;position:relative;overflow:hidden}.hero-slide{opacity:0;pointer-events:none;z-index:0;background-position:50%;background-size:cover;width:100%;height:100%;transition:opacity .8s,transform 4s;position:absolute;inset:0;transform:scale(1.03)}.hero-slide.active{opacity:1;pointer-events:auto;z-index:1;transform:scale(1)}.hero-content{z-index:2;border-radius:25px;width:min(1260px,100% - 90px);padding:35px;position:absolute;top:50%;left:45px;transform:translateY(-50%)}.hero h1{margin:18px 0;font-size:45px;line-height:1.05}.hero p{color:#ffffffa6;margin-bottom:25px;line-height:1.6}.hero-label,.small-heading{letter-spacing:2px;color:#ffffff8c;font-size:11px}.watch-button{color:#111;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:13px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.watch-button:hover{background:#eee;transform:translateY(-2px)}.content-section{width:calc(100% - 70px);max-width:1450px;margin:45px auto 80px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.section-heading h2{margin:8px 0 0;font-size:27px}.see-all{color:#ffffffa6;cursor:pointer;background:0 0;border:0}.video-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.video-card{color:#fff;border:px solid #ffffff29;-webkit-backdrop-filter:blur(20px);background:#000000ec;border-radius:22px;text-decoration:none;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 20px 50px #00000040}.video-card:hover{border-color:#ffffff4d;transform:translateY(-7px);box-shadow:0 25px 70px #0006}.thumbnail{aspect-ratio:16/10;background:#15161d;position:relative;overflow:hidden}.thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.video-card:hover .thumbnail img{transform:scale(1.06)}.thumbnail-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0000 0% 45%,#08090e14 52%,#08090e40 62%,#08090e8c 72%,#08090ed1 82%,#08090efa 96%);position:absolute;inset:0}.category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000059;border-radius:8px;padding:6px 9px;font-size:10px;position:absolute;top:12px;left:12px}.duration{background:#000000a6;border-radius:7px;padding:5px 8px;font-size:10px;position:absolute;bottom:12px;right:12px}.play-button{color:#111;opacity:0;background:#ffffffe0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000004d}.video-card:hover .play-button{opacity:1}.card-content{-webkit-backdrop-filter:blur(18px);z-index:5;background:#0c0e18b8;margin-top:-2px;padding:15px 16px 18px;position:relative}.card-content h3{margin:0 0 7px;font-size:15px}.card-content p{color:#ffffff80;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.watch-header{border-radius:20px;justify-content:space-between;align-items:center;width:calc(100% - 70px);max-width:1450px;min-height:70px;margin:25px auto;padding:0 22px;display:flex}.back-button{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:10px 15px;font-size:14px;text-decoration:none}.player-section{width:calc(100% - 70px);max-width:1200px;margin:40px auto 80px}.video-container{border-radius:28px;padding:8px;overflow:hidden}.main-video{aspect-ratio:16/9;background:#000;border-radius:21px;width:100%;display:block}.video-info{border-radius:22px;margin-top:20px;padding:25px}.video-meta{color:#ffffff80;gap:10px;font-size:12px;display:flex}.video-info h1{margin:12px 0 8px;font-size:30px}.video-info p{color:#ffffff8c;line-height:1.6}.video-actions{gap:10px;margin-top:20px;display:flex}.video-actions button{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:11px;padding:10px 16px}@media (max-width:1100px){.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar nav{gap:15px}}@media (max-width:800px){.topbar{gap:31px;width:calc(100% - 30px)}.hero{width:calc(100% - 30px);min-height:330px}.hero-content{width:calc(100% - 40px);margin:0;padding:25px;top:50%;left:20px;transform:translateY(-50%)}.hero h1{font-size:34px}.content-section{width:calc(100% - 30px)}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.player-section,.watch-header{width:calc(100% - 30px)}.hero-controls{bottom:18px;right:18px}.hero-arrow{width:34px;height:34px;font-size:24px}}@media (max-width:500px){.topbar{border-radius:18px;gap:12px;width:calc(100% - 24px);min-height:64px;margin:15px auto 0;padding:0 16px}.brand{gap:8px;font-size:17px}.brand-icon{border-radius:10px;width:32px;height:32px;font-size:13px}.brand-icon img{width:18px;max-height:18px}.profile{gap:7px;margin-left:auto;font-size:13px}.profile-avatar{width:32px;height:32px}.profile span{display:none}}.thumbnail:after{content:"";filter:blur(24px);z-index:3;pointer-events:none;background:#0a0b10b8;height:42%;position:absolute;bottom:-15%;left:-15%;right:-15%}.thumbnail:before{content:"";background:inherit;filter:blur(22px);opacity:.75;z-index:2;pointer-events:none;height:45%;position:absolute;bottom:-10px;left:0;right:0;transform:scale(1.15)}.hero-controls{z-index:10;align-items:center;gap:10px;display:flex;position:absolute;bottom:22px;right:25px}.hero-arrow{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000073;border:1px solid #fff3;border-radius:50%;width:38px;height:38px;font-size:28px;line-height:1;transition:background .2s,transform .2s}.hero-arrow:hover{background:#ffffff2e;transform:scale(1.08)}.hero-dots{align-items:center;gap:7px;padding:0 5px;display:flex}.hero-dot{cursor:pointer;background:#ffffff59;border:0;border-radius:50%;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.hero-dot.active{background:#fff;border-radius:10px;width:24px}html,body,button,input,textarea,select{font-family:Open Sans,sans-serif}.see-all,.see-all,.see-all:hover,.see-all:focus,.see-all:active{text-decoration:none}.video-actions-wrapper{display:inline-block;position:relative}.video-actions{gap:10px;display:flex}.video-actions button{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;padding:10px 18px;transition:background .2s,color .2s,border-color .2s,transform .15s;position:relative}.video-actions button:hover{transform:translateY(-1px)}.video-actions button.liked{color:#ff3b91;background:#ff146e24;border-color:#ff146e73}.heart-popup{opacity:0;width:100%;height:100px;animation:1.3s ease-out forwards heart-float;position:absolute;bottom:50px;left:20px}.heart-popup img{object-fit:contain;width:35px;height:35px;display:block}.heart-popup:first-child img{width:30px;height:30px}.heart-popup:nth-child(2) img{width:42px;height:42px}.heart-popup:nth-child(3) img{width:26px;height:26px}@keyframes heart-float{0%{opacity:0;transform:translateY(10px)scale(.4)rotate(-10deg)}15%{opacity:1;transform:translateY(0)scale(1.15)rotate(5deg)}45%{opacity:1;transform:translateY(-45px)scale(1)rotate(-5deg)}to{opacity:0;transform:translateY(-120px)scale(.7)rotate(10deg)}}