:root{--primary: #4a90e2;--secondary: #ff6b6b;--accent: #6bceff;--dark: #222;--light: #f9f9f9;--text: #333;--text-light: #666;--gradient: linear-gradient(135deg, #4a90e2 0%, #6bceff 100%)}.container-row{display:grid;grid-template-columns:8fr 4fr;position:relative}.container-row1-blog{padding-left:25px}.blog-sidebar{display:flex;flex-direction:column;padding:20px;gap:20px}.blog-content{flex:1;transition:transform .3s,box-shadow .3s;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;padding:20px;margin-bottom:20px}.blog-content:hover{transform:translateY(-5px)}.blog-title{font-size:1.8rem;margin-bottom:20px;color:var(--dark);font-weight:800;line-height:1.2;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;position:relative}.blog-title:after{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:var(--gradient);border-radius:2px}.blog-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px;color:var(--text-light);font-size:.8rem}.blog-meta span{display:flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;background:#4a90e21a;transition:all .3s}.blog-meta span:hover{background:#4a90e233;transform:translateY(-2px)}.blog-meta i{font-size:1rem;color:var(--primary)}.blog-image{width:100%;height:450px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-bottom:30px;box-shadow:0 8px 25px #0000001a;transition:all .4s;filter:brightness(.95);-o-object-position:15% 15%;object-position:15% 15%}.blog-image:hover{transform:scale(1.01);box-shadow:0 12px 30px #00000026;filter:brightness(1)}.blog-summary{font-size:1rem;color:var(--text);margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid rgba(0,0,0,.1);position:relative}.blog-summary:after{content:"";position:absolute;bottom:-1px;left:0;width:100px;height:2px;background:var(--gradient)}.blog-body{font-size:.95rem;margin-bottom:40px}.blog-body p{margin-bottom:25px;position:relative;padding-left:20px}li{list-style-type:none}.blog-body p:before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.blog-body p:nth-child(odd):before{background:var(--primary)}.blog-body p:nth-child(3n):before{background:var(--secondary)}.section-title{font-size:1.3rem;margin-bottom:25px;padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.1);color:var(--dark);position:relative}.section-title:after{content:"";position:absolute;bottom:-1px;left:0;width:60px;height:3px;background:var(--gradient)}.media-tabs{margin-top:20px;margin-bottom:20px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #00000014;overflow:hidden;transition:all .3s}.media-tabs:hover{transform:translateY(-5px);box-shadow:0 15px 35px #0000001f}.tabs{display:flex;border-bottom:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#4a90e20d,#6bceff0d)}.tab-btn{padding:18px 30px;background:none;border:none;cursor:pointer;font-size:.9rem;font-weight:600;color:var(--text-light);position:relative;transition:all .3s}.tab-btn:hover{color:var(--primary);background:#ffffff4d}.tab-btn.active{color:var(--primary)}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--gradient)}.tab-content{padding:30px;display:none;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content.active{display:block}.media-grid{display:grid;grid-template-columns:1fr}.media-grid-img{display:flex;flex-direction:row;gap:15px;justify-content:center;flex-wrap:wrap}.media-item{border-radius:12px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 5px 15px #0000001a;transition:all .4s cubic-bezier(.25,.8,.25,1)}.media-item-img{width:150px;height:150px}.media-item:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.media-item img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;transition:all .5s;-o-object-position:15% 15%;object-position:15% 15%}.media-item:hover img{transform:scale(1.1)}.video-thumbnail{position:relative;overflow:hidden}.video-thumbnail:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2.5rem;text-shadow:0 0 20px rgba(0,0,0,.5);z-index:1;opacity:.9;transition:all .3s}.video-thumbnail:hover:before{transform:translate(-50%,-50%) scale(1.1);opacity:1}.media-caption{padding:15px;font-size:.95rem;color:var(--text);background:#fff;border-top:1px solid rgba(0,0,0,.05)}.media-caption:before{content:"";display:block;width:30px;height:3px;background:var(--gradient);margin-bottom:10px;border-radius:2px}@media (max-width:1198px){.container-row{display:grid;grid-template-columns:1fr}.container-row1-blog{padding-right:25px}}@media (max-width: 768px){.container{flex-direction:column}.blog-title{font-size:1.5rem}.blog-image{height:200px}.blog-summary{font-size:.9rem}.blog-body{font-size:.85rem}.media-grid{grid-template-columns:1fr}.tabs{flex-wrap:wrap}.tab-btn{flex:1;min-width:120px;padding:15px;font-size:.9rem}}@media screen and (max-width:498px){.container-row1-blog{padding-right:10px;padding-left:10px}.media-item-img{width:120px;height:120px}}.responsive-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:20px}.responsive-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-container{position:relative;width:100%;height:0;padding-bottom:56.25%;margin-bottom:20px}.video-container video{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.uploaded-video-notice{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:5px 10px;border-radius:4px;font-size:.8rem;z-index:2}.toast{position:fixed;bottom:20px;right:20px;padding:15px 25px;border-radius:8px;color:#fff;background:#4caf50;box-shadow:0 4px 12px #00000026;transform:translateY(100px);opacity:0;transition:all .3s ease;z-index:1000}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#f44336}.toast.warning{background:#ff9800}.comment-form{margin-bottom:40px;background:#fffc;padding:25px;border-radius:12px;box-shadow:0 5px 15px #0000000d;transition:all .3s}.comment-form:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-3px)}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--dark)}.form-control{width:100%;padding:14px 18px;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:all .3s;background:#fffc}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4a90e233}textarea.form-control{min-height:140px;resize:vertical}.submit-btn{background:var(--gradient);color:#fff;border:none;padding:0 28px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #4a90e24d}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 6px 20px #4a90e266}.comment-img-aut{display:flex;gap:15px}.comment-img-aut .comment-image img{width:32px;height:32px;border-radius:50%}.comment-list{margin-top:30px}.comment{margin-bottom:25px;background:#ffffffe6;border-radius:12px;transition:all .3s;padding:0}.comment:hover{transform:translateY(-5px)}.comment-header{display:flex;justify-content:space-between;margin-bottom:15px;flex-direction:column}.comment-author{font-weight:700;color:var(--dark);background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;font-size:.9rem}.comment-date{color:var(--text-light);font-size:.85rem}.comment-text{margin:0;padding:0;width:100%}.comment-text p{margin:0;padding:0;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;font-size:.95rem;line-height:1.6;color:var(--text);overflow:hidden}.comment-text p{word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.comment-text{margin-bottom:15px;line-height:1.7;font-size:.85rem}.reply-btn{background:none;border:none;color:var(--primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:5px 10px;border-radius:5px;transition:all .3s}.reply-btn:hover{background:#4a90e21a;transform:translate(5px)}.replies{margin-top:25px}.reply{padding:20px;margin-bottom:20px;background:#fffffff2;border-radius:10px;box-shadow:0 3px 10px #00000008;transition:all .3s;border-left:3px solid var(--accent)}.reply:hover{transform:translate(5px);box-shadow:0 5px 15px #00000014}.comment[data-depth="0"],.comment[data-depth="1"]{padding:25px;margin-bottom:25px;background:#ffffffe6;border-radius:12px;border-left:4px solid var(--primary);box-shadow:0 5px 15px #0000000d;transition:all .3s}.replies-show{border:none;outline:none;color:#222;background:transparent}.replies-show{border:none;outline:none;color:var(--primary);background:transparent;cursor:pointer;font-size:.85rem;margin-left:10px;transition:all .3s}.replies-show:hover{color:var(--secondary);transform:translate(3px)}.replies{max-height:0;overflow:hidden;transition:max-height .3s ease}.replies.show{max-height:100%}.comment-header,.comment-image,.comment-date,.comment-text,.replies,.submit-btn{padding:0!important;margin:0}.comment{border:none!important}.comment-btn{padding:6px 8px!important}.comment-form-comment{cursor:pointer;color:#007bff;text-decoration:underline;margin-left:20px}.comment-list{display:none}