.videolar-bg-layer{z-index:1;pointer-events:none;position:fixed;inset:0}.videolar-bg-image{object-fit:cover;z-index:1;filter:brightness(.7);width:100%;height:100%;position:absolute;inset:0}.videolar-bg-overlay{z-index:2;-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle,#0a1e50b3 0%,#020610f2 100%),linear-gradient(#02061080 0%,#020610cc 100%);position:absolute;inset:0}.videolar-gallery-wrapper{width:100%;height:100%;padding:120px 24px var(--dock-clearance,120px) 24px;z-index:10;flex-direction:column;align-items:center;display:flex;position:relative;overflow-y:auto}.videolar-gallery-container{z-index:10;flex-direction:column;gap:32px;width:100%;max-width:1248px;display:flex;position:relative}.videolar-header{text-align:center;margin-bottom:24px}.videolar-title{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#a1a1aa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:800}.videolar-subtitle{font-family:var(--font-sans);color:#fff9;max-width:600px;margin:0 auto;font-size:1.125rem}.videolar-grid{grid-template-columns:repeat(1,1fr);gap:16px;width:100%;display:grid}@media (min-width:640px){.videolar-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.videolar-grid{grid-template-columns:repeat(3,1fr);gap:24px}}.videolar-card{aspect-ratio:9/16;cursor:pointer;background:#ffffff0d;border-radius:16px;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;position:relative;overflow:hidden}.videolar-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff1a}.videolar-card-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.videolar-card:hover .videolar-card-img{transform:scale(1.05)}.videolar-card-overlay{opacity:0;background:linear-gradient(#0000 60%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:24px;transition:opacity .4s;display:flex;position:absolute;inset:0}.videolar-card:hover .videolar-card-overlay{opacity:1}.videolar-play-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;opacity:0;background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.videolar-card:hover .videolar-play-icon{opacity:1;transform:translate(-50%,-50%)scale(1)}.videolar-play-icon svg{margin-left:4px}.videolar-card-stats{color:#fff;font-family:var(--font-sans);gap:16px;font-size:.9rem;font-weight:600;display:flex}.videolar-stat{align-items:center;gap:6px;display:flex}.videolar-stat svg{filter:drop-shadow(0 2px 4px #00000080)}.videolar-follow-card{text-align:center;background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);flex-direction:column;justify-content:center;align-items:center;padding:32px;text-decoration:none;display:flex}.videolar-follow-card:before{content:"";z-index:1;background:#0003;transition:background .4s;position:absolute;inset:0}.videolar-follow-card:hover:before{background:0 0}.videolar-follow-content{z-index:2;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.videolar-follow-icon{color:#fff;filter:drop-shadow(0 10px 20px #0000004d);width:80px;height:80px;transition:transform .5s cubic-bezier(.16,1,.3,1)}.videolar-follow-card:hover .videolar-follow-icon{transform:translateY(-4px)rotate(5deg)}.videolar-follow-title{font-family:var(--font-sans);color:#fff;margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.videolar-follow-subtitle{font-family:var(--font-sans);color:#ffffffe6;margin:0;font-size:.875rem}.videolar-follow-btn{color:#dc2743;font-weight:700;font-family:var(--font-sans);background:#fff;border-radius:100px;margin-top:8px;padding:10px 24px;font-size:.875rem;transition:all .3s}.videolar-follow-card:hover .videolar-follow-btn{transform:translateY(-2px);box-shadow:0 10px 20px #0003}
