.vlc{padding:100px var(--spacing-section-x, 48px);background:linear-gradient(180deg,#091c30,#1a365dfa,#091c30);position:relative}@media(max-width:768px){.vlc{padding:60px 0}}.vlc__inner{max-width:1200px;margin:0 auto}.vlc__header{text-align:center;max-width:700px;margin:0 auto 48px;padding:0 20px}.vlc__badge{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#ffffff80;margin-bottom:16px}.vlc__badge svg{width:14px;height:14px}.vlc__title{display:flex;flex-direction:column;margin:0}.vlc__title-light{font-family:var(--font-display);font-size:44px;font-weight:400;color:#fff9;line-height:1.15}.vlc__title-bold{font-family:var(--font-display);font-size:44px;font-weight:600;color:#fff;line-height:1.15}@media(max-width:768px){.vlc__title-light,.vlc__title-bold{font-size:28px}.vlc__header{margin-bottom:32px}}.vlc__subtitle{font-size:15px;color:#ffffff80;line-height:1.6;margin:16px 0 0}.vlc__progress-overall{max-width:400px;margin:24px auto 0}.vlc__progress-label{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:#ffffff80;margin-bottom:8px}.vlc__progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.vlc__progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .5s ease}.vlc__tabs{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:40px;padding:0 20px}.vlc__tab{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 12px);padding:16px 24px;cursor:pointer;color:#fff9;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:160px}.vlc__tab:hover{background:#ffffff14;color:#fffc}.vlc__tab.is-active{background:#ffffff1a;border-color:#fff3;color:#fff}.vlc__tab-phase{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;opacity:.6}.vlc__tab-title{font-family:var(--font-display);font-size:16px;font-weight:600}.vlc__tab-time{font-size:12px;opacity:.5}.vlc__tab-progress{width:100%;height:3px;background:#ffffff14;border-radius:2px;margin-top:8px;overflow:hidden}.vlc__tab-progress-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:2px;transition:width .5s ease;width:0%}.vlc__tab-arrow{width:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffff80}@media(max-width:768px){.vlc__tabs{display:none}}.vlc__panel{display:none}.vlc__panel.is-active{display:block}@media(max-width:768px){.vlc__panels{display:none}}.vlc__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:0 20px}.vlc__subgroup{margin-top:32px;padding:0 20px}.vlc__subgroup-title{font-size:13px;font-weight:600;color:#fff6;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.vlc__subgroup .vlc__grid{padding:0}.vlc__card{background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg, 16px);overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.vlc__card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000040;background:#ffffff14}@media(max-width:768px){.vlc__card:hover{transform:none;box-shadow:none}}.vlc__card-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0000004d}.vlc__card-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.vlc__card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s ease,transform .3s ease}.vlc__card:hover .vlc__card-play{opacity:1;transform:translate(-50%,-50%) scale(1.05)}.vlc__card-play svg{margin-left:2px}.vlc__card-duration{position:absolute;bottom:8px;right:8px;background:#000c;color:#fff;font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;line-height:1.4}.vlc__card-watched{position:absolute;top:8px;right:8px;width:28px;height:28px;background:#22c55e;border-radius:50%;display:none;align-items:center;justify-content:center;color:#fff}.vlc__card.is-watched .vlc__card-watched{display:flex}.vlc__card.is-watched .vlc__card-thumb img{opacity:.5}.vlc__card-badge{position:absolute;top:8px;left:8px;background:#8b5a2be6;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:4px}.vlc__card-info{padding:12px 16px;display:flex;align-items:flex-start;gap:10px}.vlc__card-num{font-family:var(--font-display);font-size:13px;font-weight:700;color:#ffffff80;min-width:28px;flex-shrink:0;line-height:1.4}.vlc__card-title{font-size:14px;font-weight:500;color:#ffffffd9;margin:0;line-height:1.4}.vlc__accordion{display:none}@media(max-width:768px){.vlc__accordion{display:block}}.vlc__accordion-item{border-bottom:1px solid rgba(255,255,255,.08)}.vlc__accordion-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:16px 20px;background:none;border:none;color:#fff;cursor:pointer;text-align:left}.vlc__accordion-phase{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#fff6;min-width:52px}.vlc__accordion-title{font-family:var(--font-display);font-size:16px;font-weight:600;flex:1}.vlc__accordion-time{font-size:12px;color:#fff6}.vlc__accordion-chevron{color:#fff6;transition:transform .3s ease}.vlc__accordion-item.is-open .vlc__accordion-chevron{transform:rotate(180deg)}.vlc__accordion-body{display:none;padding:0 20px 20px}.vlc__accordion-item.is-open .vlc__accordion-body{display:block}.vlc__grid--mobile{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.vlc__grid--mobile{grid-template-columns:1fr}}.vlc__subgroup--mobile{margin-top:20px;padding:0}.vlc__subgroup--mobile .vlc__subgroup-title{font-size:12px;margin-bottom:12px}.vlc__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:none;align-items:center;justify-content:center}.vlc__modal.is-open{display:flex}.vlc__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;cursor:pointer}.vlc__modal-content{position:relative;width:90vw;max-width:900px;z-index:1}.vlc__modal-player{aspect-ratio:16/9;border-radius:var(--radius-lg, 16px);overflow:hidden;background:#000}.vlc__modal-player iframe{width:100%;height:100%;border:none}.vlc__modal-close{position:absolute;top:-44px;right:0;background:none;border:none;color:#fff9;cursor:pointer;padding:4px;transition:color .2s ease}.vlc__modal-close:hover{color:#fff}.vlc__modal-info{display:flex;justify-content:space-between;align-items:center;padding:16px 4px;gap:16px}.vlc__modal-info h3{font-family:var(--font-display);font-size:16px;font-weight:500;color:#ffffffd9;margin:0}.vlc__modal-mark{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:var(--radius-sm, 8px);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.vlc__modal-mark:hover{background:#ffffff26}.vlc__modal-mark.is-watched{background:#22c55e33;border-color:#22c55e66;color:#4ade80}@media(max-width:768px){.vlc__modal-content{width:95vw}.vlc__modal-info{flex-direction:column;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/86/assets/section-video-learning-center.css.map */