.video-card{background:linear-gradient(135deg,#1b08c9,#0e0075);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;box-sizing:border-box;box-shadow:none;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;isolation:isolate;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:0 12px 30px rgba(0,0,0,.25)}.video-card:hover{transform:translateY(-4px) translateZ(0);border-color:rgba(56,189,248,.45);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25)}.video-card__thumb{position:relative;width:100%;aspect-ratio:16/9;background:#000078;overflow:hidden;flex-shrink:0}.video-card__img{object-fit:cover;transition:transform .3s ease}.video-card:hover .video-card__img{transform:scale(1.05)}.video-card__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;background:#fff;color:#0000c8;border:none;display:grid;place-items:center;font-size:18px;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.4);transition:transform .2s ease,background .2s ease;z-index:2}.video-card__play:hover{background:#f8fafc;transform:translate(-50%,-50%) scale(1.1)}.video-card__play i{margin-left:3px}.video-card__body{padding:20px;display:flex;flex-direction:column;gap:8px;flex:1 1}.video-card__title{font-size:16px;font-weight:800;line-height:1.3;color:#fff;margin:0;text-align:center;text-transform:uppercase}.video-modal{position:fixed;inset:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:32px;z-index:9999;box-sizing:border-box;animation:modalFade .2s ease-out}@keyframes modalFade{0%{opacity:0}to{opacity:1}}.video-modal__box{width:100%;max-width:900px;background:linear-gradient(135deg,#0011f0,#0000d8);border:1px solid hsla(0,0%,100%,.12);border-radius:28px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.4);position:relative;box-sizing:border-box;animation:modalPop .25s ease-out}@keyframes modalPop{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.video-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#fff;color:#0000c8;border:none;display:grid;place-items:center;font-size:14px;cursor:pointer;z-index:5}.video-modal__player{width:100%;aspect-ratio:16/9;background:#000}.video-modal__player iframe{width:100%;height:100%;border:none;display:block}.video-modal__info{padding:20px 24px 24px;display:flex;flex-direction:column;gap:8px}.video-modal__tag{font-size:11px;letter-spacing:.08em;color:#93c5fd}.video-modal__tag,.video-modal__title{font-weight:800;text-transform:uppercase}.video-modal__title{font-size:19px;line-height:1.3;color:#fff;margin:0;text-align:center}.video-modal__desc{font-size:13.5px;line-height:1.5;color:#cbd5e1;text-align:center;margin:0}@media (max-width:780px){.video-modal{padding:20px}.video-modal__box{border-radius:24px}.video-modal__info{padding:16px 20px 20px}}@media (max-width:540px){.video-modal{padding:16px}.video-modal__box{border-radius:20px}}@media (max-width:480px){.video-modal{padding:14px}.video-modal__info{padding:14px 16px 16px}}@media (max-width:360px){.video-modal{padding:10px}}