.intro-video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:99999;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .5s ease-out}.intro-video-overlay.fade-out{opacity:0;pointer-events:none}.intro-video-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#fff;padding:40px}.intro-video{width:60%;height:auto;object-fit:contain;max-width:60%;max-height:70%;border-radius:15px;opacity:1;transition:opacity .8s ease-out}.intro-video.video-fade-out{opacity:0}.intro-skip-button{position:absolute;top:20px;right:20px;background:rgba(255,255,255,.9);color:#333;border:none;padding:12px 20px;border-radius:25px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:100000;box-shadow:0 4px 15px rgba(0,0,0,.3)}.intro-skip-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.4)}.intro-progress-bar{position:absolute;bottom:0;left:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);width:0%;transition:width .1s linear;z-index:100000}@media (max-width:768px){.intro-skip-button{top:15px;right:15px;padding:10px 16px;font-size:12px}.intro-video-container{padding:20px}.intro-video{width:90%;max-width:90%;max-height:80%;border-radius:10px}.intro-progress-bar{bottom:20px;left:20px;right:20px;width:calc(100% - 40px)}}body.intro-playing{overflow:hidden;height:100vh}body.intro-playing .page{visibility:hidden}.intro-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:18px;z-index:100001}.intro-loading::after{content:'';display:inline-block;width:20px;height:20px;border:2px solid #667eea;border-radius:50%;border-top-color:transparent;animation:intro-spin 1s linear infinite;margin-left:10px}@keyframes intro-spin{to{transform:rotate(360deg)}}.intro-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;z-index:100001}.intro-error button{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:5px;margin-top:10px;cursor:pointer}