:root{--primary-color:#459ea1;--primary-dark:#3a8587;--primary-light:#5fb8bb;--text-dark:#0d1c1c;--text-medium:#2d3c3c;--text-light:#4d5c5c;--background-light:#fff;--background-grey:#f7fcfc;--background-hover:#e5f5f5;--border-color:#e5f5f5;--font-family:"Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--border-radius-sm:2px;--border-radius-md:4px;--border-radius-lg:8px;--shadow-sm:0 1px 2px rgba(13,28,28,.05);--shadow-md:0 4px 6px rgba(13,28,28,.05);--shadow-lg:0 10px 15px rgba(13,28,28,.05);--transition-fast:150ms ease;--transition-normal:300ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5}body{background-color:var(--background-grey);color:var(--text-dark);display:flex;flex-direction:column;font-family:var(--font-family);min-height:100vh}a{color:inherit;text-decoration:none}ol,ul{list-style:none}img,video{display:block;height:auto;max-width:100%}button,input,select,textarea{background:none;border:none;color:inherit;font:inherit}button{cursor:pointer}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-medium);line-height:1.2}.header{background-color:var(--background-light);border-bottom:1px solid var(--border-color);height:56px;justify-content:space-between;padding:var(--space-2) var(--space-4);position:sticky;top:0;z-index:100}.header,.header__left,.header__right{align-items:center;display:flex}.header__center{flex:1;margin:0 var(--space-6);max-width:640px}.logo{align-items:center;color:var(--text-dark);display:flex;font-weight:var(--font-weight-bold)}.logo-min{display:none;min-height:32px;min-width:32px}.logo__icon{color:var(--primary-color);font-size:var(--font-size-2xl);margin-right:var(--space-1)}.logo__text{font-size:var(--font-size-lg)}.search-form{display:flex;width:100%}.search-form__input{background-color:var(--background-hover);border:1px solid var(--border-color);border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);flex:1;padding:var(--space-2) var(--space-4);width:100%}.search-form__input:focus{border-color:var(--primary-light);outline:none}.search-form__button{background-color:var(--background-hover);border:1px solid var(--border-color);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--text-medium);padding:0 var(--space-4);transition:background-color var(--transition-fast)}.search-form__button:hover{background-color:#e5e5e5}.sign-in-button{align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius-md);color:var(--primary-color);display:flex;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.sign-in-button i{margin-right:var(--space-2)}.sign-in-button:hover{background-color:rgba(69,158,161,.05)}.referral_top_line{background:#459ea1;color:#fff;margin-bottom:10px;padding:5px 10px;text-align:center}.footer{background-color:var(--background-light);border-top:1px solid var(--border-color);margin-top:auto;padding:var(--space-6) 0}.footer__content{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 var(--space-4)}.footer__section{flex:1;margin-bottom:var(--space-5);min-width:200px}.footer__title{color:var(--text-dark);font-size:var(--font-size-md);margin-bottom:var(--space-3)}.footer__links li{margin-bottom:var(--space-2)}.footer__links a{color:var(--text-medium);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--primary-color)}.main-content{margin:0 auto;max-width:1400px;padding:var(--space-4);width:100%}.video-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-card{cursor:pointer;transition:transform var(--transition-normal)}.video-card:hover{transform:translateY(-4px)}.video-card:hover .video-card__thumbnail img{transform:scale(1.03)}.video-card__thumbnail{border-radius:var(--border-radius-md);height:0;margin-bottom:var(--space-2);overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-card__thumbnail img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;transition:transform var(--transition-normal);width:100%}.video-card__duration{background-color:rgba(0,0,0,.8);border-radius:var(--border-radius-sm);bottom:var(--space-2);color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-2)}.video-card__info{display:flex;margin-top:var(--space-2)}.video-card__avatar{border-radius:50%;flex-shrink:0;height:36px;margin-right:var(--space-2);overflow:hidden;width:36px}.video-card__avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.video-card__details{flex:1}.video-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.4;margin-bottom:var(--space-1);overflow:hidden}.video-card__channel{margin-bottom:var(--space-1)}.video-card__channel,.video-card__metadata{color:var(--text-medium);font-size:var(--font-size-sm)}.video-card__metadata{display:flex}.video-card__views{margin-right:var(--space-2)}.video-page{display:flex;gap:var(--space-4);margin:0 auto;max-width:1200px;padding:var(--space-4)}.video-page__main{flex:1;max-width:1280px}.video-page__sidebar{width:350px}.video-player{margin-bottom:var(--space-4)}.video-player__container{background-color:#000;border-radius:var(--border-radius-md);height:0;overflow:hidden;padding-bottom:56.25%;position:relative;width:100%}.video-player__container iframe{border:none;height:100%;left:0;position:absolute;top:0;width:100%}.video-info{margin-bottom:var(--space-4)}.video-info__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.video-info__stats{color:var(--text-medium);display:flex;font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.video-info__views{margin-right:var(--space-3)}.video-info__channel{justify-content:space-between}.channel-info,.video-info__channel{align-items:center;display:flex}.channel-info__avatar{border-radius:50%;height:48px;margin-right:var(--space-3);overflow:hidden;width:48px}.channel-info__avatar img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.channel-info__name{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.channel-info__subscribers{color:var(--text-medium);font-size:var(--font-size-sm)}.subscribe-button{background-color:var(--primary-color);border-radius:var(--border-radius-md);color:#fff;font-weight:var(--font-weight-medium);margin-left:10px;padding:var(--space-2) var(--space-4);transition:background-color var(--transition-fast)}.subscribe-button:hover{background-color:var(--primary-dark)}.ad-section{margin-top:var(--space-4)}.mock-ad{align-items:center;background-color:var(--background-hover);border:1px dashed var(--border-color);border-radius:var(--border-radius-md);color:var(--text-medium);display:flex;height:100px;justify-content:center;padding:var(--space-4);text-align:center}.sidebar-title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.recommended-video{cursor:pointer;display:flex;margin-bottom:var(--space-4)}.recommended-video__thumbnail{border-radius:var(--border-radius-md);flex-shrink:0;height:94px;margin-right:var(--space-2);overflow:hidden;position:relative;width:168px}.recommended-video__thumbnail img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-normal);width:100%}.recommended-video:hover .recommended-video__thumbnail img{transform:scale(1.05)}.recommended-video__duration{background-color:rgba(0,0,0,.8);border-radius:var(--border-radius-sm);bottom:var(--space-1);color:#fff;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-1)}.recommended-video__info{flex:1}.recommended-video__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1);overflow:hidden}.recommended-video__channel{margin-bottom:var(--space-1)}.recommended-video__channel,.recommended-video__metadata{color:var(--text-medium);font-size:var(--font-size-xs)}.restricted-content{align-items:center;background-color:var(--background-grey);display:flex;justify-content:center;min-height:calc(100vh - 156px);padding:var(--space-4)}.restricted-box{background-color:var(--background-light);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:400px;padding:var(--space-6);text-align:center;width:100%}.restricted-icon{color:var(--primary-color);font-size:48px;margin-bottom:var(--space-4)}.restricted-box h1{color:var(--text-dark);font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.restricted-box p{color:var(--text-medium);margin-bottom:var(--space-4)}.login-button{align-items:center;background-color:var(--primary-color);border-radius:var(--border-radius-md);color:#fff;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:background-color var(--transition-fast)}.login-button:hover{background-color:var(--primary-dark)}@media (max-width:767px){.header{padding:var(--space-2)}.header__center{margin:0 var(--space-2)}.logo__text,.sign-in-button span{display:none}.sign-in-button i{font-size:24px;margin-right:0}.video-page{flex-direction:column;padding:var(--space-2)}.video-page__sidebar{width:100%}.video-info__title{font-size:var(--font-size-lg)}.subscribe-button{align-self:flex-start;margin-top:var(--space-3)}.recommended-video__thumbnail{height:68px;width:120px}}@media (min-width:768px) and (max-width:1023px){.video-page{flex-direction:column}.video-page__sidebar{width:100%}.recommended-videos{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.recommended-video{margin-bottom:0}}@media (min-width:1024px) and (max-width:1279px){.video-page__sidebar{width:300px}.recommended-video__thumbnail{height:79px;width:140px}}@media (max-width:500px){.video-grid{grid-template-columns:1fr}}@media (max-width:350px){.video-info__channel{align-items:flex-start;flex-direction:column}}@media (min-width:501px) and (max-width:800px){.video-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:801px) and (max-width:1100px){.video-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1101px){.video-grid{grid-template-columns:repeat(4,1fr)}}