.video-tutorial-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;background:#000000d1;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-tutorial-modal{-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#2e3569fa,#181a30fa);border:1px solid #8c5fff59;border-radius:24px;width:100%;max-width:960px;padding:32px 28px 28px;animation:.35s cubic-bezier(.4,0,.2,1) slideUp;position:relative;box-shadow:0 25px 55px #3e258d61,inset 0 0 0 1px #ffffff0d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.video-tutorial-close{cursor:pointer;color:#ffffffb3;z-index:1;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.video-tutorial-close:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.video-tutorial-content{flex-direction:column;gap:20px;display:flex}.video-tutorial-title{text-align:center;background:linear-gradient(135deg,#00d4ff 0%,#8c5fff 50%,#ff6b9d 100%) 0 0/200% 200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}.video-tutorial-player{background:#000;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 12px 40px #0006}.video-tutorial-video{aspect-ratio:16/9;-o-object-fit:contain;object-fit:contain;border-radius:16px;width:100%;height:auto;display:block}@media (max-width:768px){.video-tutorial-overlay{align-items:flex-end;padding:12px}.video-tutorial-modal{border-radius:20px 20px 0 0;max-height:90vh;padding:24px 16px 20px;overflow-y:auto}.video-tutorial-video{border-radius:12px}}@media (prefers-reduced-motion:reduce){.video-tutorial-overlay,.video-tutorial-modal{animation:none}}