.vlog-page{font-family:Inter,sans-serif;min-height:100vh;background:#f9fafb}.vlog-hero{background:linear-gradient(135deg,#1e3a8a,#2257b8);color:#fff;padding:60px 24px 48px;text-align:center}.vlog-hero__icon{font-size:48px;margin-bottom:12px;display:block}.vlog-hero h1{font-size:32px;font-weight:700;margin-bottom:8px}.vlog-hero p{font-size:16px;color:hsla(0,0%,100%,.85);margin-bottom:20px}.vlog-hero__subscribe{display:inline-flex;align-items:center;gap:8px;background:#da630f;color:linear-gradient(135deg,#1a2b4a,#253d6b);padding:10px 24px;border-radius:30px;font-size:14px;font-weight:700;text-decoration:none}.vlog-filters{display:flex;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.vlog-categories{display:flex;gap:8px;flex-wrap:wrap;flex:1 1}.vlog-cat{padding:6px 14px;border-radius:20px;border:1.5px solid #e5e7eb;background:#fff;font-size:13px;font-weight:600;color:#2257b8;cursor:pointer}.vlog-cat--on{border-color:linear-gradient(135deg,#1e3a8a,#2257b8);background:linear-gradient(135deg,#1e3a8a,#2257b8);color:#fff}.vlog-search{display:flex;align-items:center;gap:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:7px 12px;min-width:200px}.vlog-search input{border:none;background:none;outline:none;font-size:13px;width:100%}.vlog-search button{background:none;border:none;cursor:pointer;color:#9ca3af}.vlog-container{max-width:1100px;margin:0 auto;padding:32px 24px}.vlog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-bottom:40px}@media(max-width:900px){.vlog-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.vlog-grid{grid-template-columns:1fr}}.vlog-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.vlog-card__thumb{position:relative;aspect-ratio:16/9;background:#000;cursor:pointer;overflow:hidden}.vlog-card__thumb img{width:100%;height:100%;object-fit:cover}.vlog-card__play-btn{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vlog-card__play-btn svg{font-size:36px;color:#fff}.vlog-card__player{position:absolute;inset:0;width:100%;height:100%}.vlog-card__duration{position:absolute;bottom:8px;right:8px;background:rgba(0,0,0,.75);color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px}.vlog-card__body{padding:14px 16px}.vlog-card__cat{display:inline-block;font-size:10px;font-weight:700;text-transform:uppercase;color:linear-gradient(135deg,#1e3a8a,#2257b8);background:#fff0f0;padding:2px 8px;border-radius:20px;margin-bottom:6px}.vlog-card__title{font-size:14px;font-weight:700;color:#2257b8;margin-bottom:6px;line-height:1.4}.vlog-card__desc{font-size:12px;color:#6b7280;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.vlog-card__meta{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af}.vlog-submit{background:linear-gradient(135deg,#1e3a8a,#2257b8);border-radius:14px;padding:32px 36px;color:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.vlog-submit h3{font-size:16px;font-weight:700;margin-bottom:6px}.vlog-submit p{font-size:13px;color:hsla(0,0%,100%,.75);flex:1 1;margin:0}.vlog-submit__btn{background:#e8680a;color:#fff;padding:10px 22px;border-radius:8px;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap}