header{position:fixed;top:0;left:0;width:100%;height:70px;background:#fff;box-shadow:0 0 10px #0003;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box;z-index:9}header .Tabs{display:flex;align-items:center;gap:10px}header .Tabs .tabs{font-size:clamp(20px,4vw,48px);cursor:pointer;color:#5a5a5a}header .Tabs h1{font-size:clamp(16px,2.2vw,48px);cursor:pointer}header .Tabs h1 .Link{text-decoration:none;color:#000}header .Search{flex:1;max-width:400px;min-width:150px;display:flex;align-items:center;gap:5px;background:#f1f1f1;padding:5px 10px;border-radius:20px}header .Search input{border:none;background:transparent;outline:none;flex:1;padding:5px;color:#5a5a5a}header .Img{width:clamp(30px,5vw,60px);height:clamp(30px,5vw,60px);display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}header .Img img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:400px){header{padding:0 10px}header .Tabs h1{display:none}}.aside{position:fixed;top:70px;left:0;box-shadow:0 0 1px #0003;background:#fff;width:200px;height:100vh;transition:.5s;box-sizing:border-box;padding:10px;overflow:auto}.showSidebar{padding:10px;height:100vh;position:fixed;top:70px;left:-200px;transition:.5s;box-shadow:0 0 1px #0003;background:#fff}@media screen and (max-width:800px){.aside{left:-200px}.showSidebar{left:0;width:200px;z-index:10}}aside ul{list-style:none;padding:0;border-bottom:1px solid #bbb3b3}aside ul li{display:flex;align-items:center;gap:15px;color:#333;cursor:pointer;padding:10px;transition:.3s}aside ul li.active{background:#e0d9d9}aside ul li:hover{background:#f1f1f1}aside .icon{font-size:22px;color:#ed3833}aside span{font-size:16px;letter-spacing:1.01px}aside .Sub{border-bottom:none;padding:10px 0}aside .Sub h3{font-size:13px;margin:10px 20px;color:#5a5a5a;text-transform:uppercase}aside .Sub li{height:50px}aside .Sub img{width:30px;height:30px;border-radius:50%}section{position:relative;margin-top:70px;margin-left:200px;padding:20px;box-sizing:border-box;transition:.5s}.Side{margin-left:0;transition:.5s}article{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}article div{width:100%;cursor:pointer}article div img{width:100%;object-fit:cover;border-radius:20px}article div h2{font-size:16px;font-weight:600;color:#000;margin:5px 0}article div h3{font-size:14px;font-weight:600;color:#555;margin:6px 0}article div p{font-size:14px;color:#5a5a5a}@media screen and (max-width:900px){article{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:800px){article{grid-template-columns:repeat(3,1fr)}section{margin-left:0}}@media screen and (max-width:800px){article{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:450px){article{grid-template-columns:repeat(1,1fr)}}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.video-page{background:#fff;position:relative;display:flex;flex-direction:column;margin-top:70px;margin-left:200px;padding:20px;box-sizing:border-box;transition:.5s}@media screen and (max-width:800px){.video-page{margin-left:0}}.video_page{background:#fff;display:flex;flex-direction:column;margin-top:70px;margin-left:0;padding:20px;transition:.5s}.video-container{display:flex;justify-content:center;align-items:center;width:100%;padding:20px;text-align:center}.video-container iframe{width:100%;height:500px}@media (max-width: 800px){.video-container iframe{height:400px}}@media (max-width: 500px){.video-container iframe{height:300px}}@media (max-width: 350px){.video-container iframe{height:200px}}.video-info{background:transparent;padding:10px 0}.video-info h1{font-size:20px;font-weight:700;margin-bottom:8px;color:#000}.video-info h3{font-size:14px;color:#5a5a5a;margin-bottom:8px}.video-info p{font-size:13px;color:#aaa;margin:10px 0}.description{margin-top:10px;background:#0000000d;padding:12px;border-radius:5px;font-size:14px;font-weight:400;color:#000;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.comments-section{margin-top:15px;padding:10px}.comment{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px;padding:12px;background:transparent;border-bottom:1px solid #333}.comment:last-child{border-bottom:none}.comment img{width:40px;height:40px;border-radius:50%}.comment-text{margin-top:10px;background:#0000000d;padding:12px;border-radius:5px;font-size:14px;font-weight:400;color:#000;line-height:1.5}.comment-text h4{font-size:14px;color:#000;margin-bottom:5px solid #ccc}.comment-text p{font-size:13px;color:#5a5a5a;margin-top:10px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}