/* N8 Casino video section — inherits the site's main design system */
.page-video-guides .video-guides-main{padding:34px 0 70px;position:relative;z-index:1}
.page-video-guides .video-guides-surface{padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:radial-gradient(120% 100% at 20% 0%,rgba(255,255,255,.075),rgba(255,255,255,0) 55%),linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));box-shadow:0 22px 60px rgba(0,0,0,.34);overflow:hidden}
.page-video-guides .video-guide-page>.top,.page-video-guides .video-guides-hub>.top{text-align:center;margin:0 auto 27px}
.page-video-guides .video-guide-page h1,.page-video-guides .video-guides-hub h1{max-width:930px;margin:0 auto;color:#fff;font-size:clamp(32px,5vw,54px);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}
.page-video-guides .video-guide-page>.top .divider,.page-video-guides .video-guides-hub>.top .divider{width:88px;height:4px;margin:18px auto 0;border-radius:99px;background:linear-gradient(90deg,#7c3aed,#06b6d4);box-shadow:0 0 22px rgba(6,182,212,.32)}
.page-video-guides .vg-hub-intro{max-width:800px;margin:0 auto 30px;text-align:center;color:rgba(233,239,255,.78);font-size:17px;line-height:1.7}
.page-video-guides .video-guides-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.page-video-guides .video-guide-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.028));box-shadow:0 14px 34px rgba(0,0,0,.22);color:#fff!important;text-decoration:none!important;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.page-video-guides .video-guide-card:hover{transform:translateY(-4px);border-color:rgba(6,182,212,.48);box-shadow:0 20px 44px rgba(0,0,0,.33)}
.page-video-guides .video-guide-card:focus-visible{outline:2px solid rgba(6,182,212,.75);outline-offset:3px}
.page-video-guides .video-guide-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#090d19;border-bottom:1px solid rgba(255,255,255,.09)}
.page-video-guides .video-guide-card__body{display:flex;flex:1;flex-direction:column;padding:17px 18px 19px}
.page-video-guides .video-guide-card__title{margin:0 0 9px;color:#fff;font-size:18px;line-height:1.32;font-weight:800}
.page-video-guides .video-guide-card__text{color:rgba(233,239,255,.7);font-size:14px;line-height:1.58}
.page-video-guides .video-guide-player{position:relative;width:100%;aspect-ratio:16/9;margin:24px 0 18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;overflow:hidden;background:#05070c;box-shadow:0 24px 65px rgba(0,0,0,.4)}
.page-video-guides .video-guide-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.page-video-guides .wp-block-buttons.buttons{display:flex;justify-content:center;margin:20px 0 10px}
.page-video-guides .video-guide-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 26px;border:0;border-radius:10px;background:linear-gradient(135deg,#22c55e,#06b6d4);box-shadow:0 12px 30px rgba(6,182,212,.2);color:#fff!important;font-size:16px;font-weight:800;text-decoration:none!important;transition:transform .2s ease,filter .2s ease}
.page-video-guides .video-guide-cta:hover{transform:translateY(-2px);filter:brightness(1.07)}
.page-video-guides .vg-responsible{text-align:center;color:rgba(233,239,255,.55);font-size:12px;line-height:1.5;margin:8px 0 30px}
.page-video-guides .video-guide-content{color:rgba(233,239,255,.88);font-size:17px;line-height:1.75}
.page-video-guides .video-guide-content h2,.page-video-guides .video-guide-content h3,.page-video-guides .video-guide-faq h2{color:#fff;line-height:1.2;letter-spacing:-.02em}
.page-video-guides .video-guide-content h2{margin:38px 0 15px;font-size:30px}
.page-video-guides .video-guide-content h3{margin:30px 0 13px;font-size:23px}
.page-video-guides .video-guide-content p{margin:0 0 17px}
.page-video-guides .video-guide-content ul,.page-video-guides .video-guide-content ol{padding-left:25px;margin:0 0 22px}
.page-video-guides .video-guide-content li{margin:7px 0}
.page-video-guides .wp-block-table{width:100%;margin:25px 0;border:1px solid rgba(255,255,255,.11);border-radius:16px;overflow-x:auto;background:rgba(255,255,255,.025);-webkit-overflow-scrolling:touch}
.page-video-guides .wp-block-table table{width:100%;min-width:560px;border-collapse:collapse}
.page-video-guides .wp-block-table th,.page-video-guides .wp-block-table td{padding:14px 15px;border-right:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);text-align:left;vertical-align:top}
.page-video-guides .wp-block-table tr:last-child td{border-bottom:0}
.page-video-guides .wp-block-table th:last-child,.page-video-guides .wp-block-table td:last-child{border-right:0}
.page-video-guides .wp-block-table th{background:rgba(124,58,237,.15);color:#fff;font-weight:800}
.page-video-guides .video-guide-faq{margin-top:42px}
.page-video-guides .video-guide-faq>h2{margin:0 0 17px;text-align:center;font-size:31px}
.page-video-guides .video-guide-faq details{margin:11px 0;padding:0 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035)}
.page-video-guides .video-guide-faq details[open]{border-color:rgba(6,182,212,.34);background:rgba(6,182,212,.045)}
.page-video-guides .video-guide-faq summary{cursor:pointer;padding:17px 34px 17px 0;color:#fff;font-weight:800;line-height:1.4;list-style-position:outside}
.page-video-guides .video-guide-faq p{padding:0 0 17px;margin:0;color:rgba(233,239,255,.76);line-height:1.65}
.vg-offer-backdrop{position:fixed;inset:0;z-index:2147483645;background:rgba(1,4,12,.78);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;visibility:hidden;transition:opacity .24s ease,visibility .24s ease}
.vg-offer-backdrop.is-visible{opacity:1;visibility:visible}
html.vg-modal-open,body.vg-modal-open{overflow:hidden!important;overscroll-behavior:none}
.vg-offer-popup{--vg-popup-accent:#06b6d4;position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;z-index:2147483646!important;width:min(430px,calc(100vw - 32px));max-height:calc(100dvh - 32px);margin:0!important;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:linear-gradient(145deg,rgba(18,27,52,.995),rgba(7,11,23,.998));box-shadow:0 34px 110px rgba(0,0,0,.72),0 0 0 1px rgba(6,182,212,.1) inset;color:#fff;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.78);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.95,.3,1.2),visibility .22s ease;overflow:hidden;overflow-y:auto;text-align:left;pointer-events:none;isolation:isolate}
.vg-offer-popup::before{content:"";position:absolute;inset:-80px auto auto -70px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(124,58,237,.32),rgba(124,58,237,0) 68%);pointer-events:none}
.vg-offer-popup::after{content:"";position:absolute;inset:auto -55px -90px auto;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.25),rgba(6,182,212,0) 68%);pointer-events:none}
.vg-offer-popup.is-visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.vg-offer-popup.is-docked{position:fixed!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(430px,calc(100vw - 32px));margin:0!important;transform:translate(-50%,-50%) scale(.78)}
.vg-offer-popup.is-docked.is-visible{transform:translate(-50%,-50%) scale(1)}
.vg-offer-popup__inner{position:relative;z-index:1;padding:28px}
.vg-offer-popup__close{position:absolute;top:12px;right:12px;z-index:2;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.09);color:#fff;font:700 24px/1 Arial,sans-serif;cursor:pointer}
.vg-offer-popup__close:hover{background:rgba(255,255,255,.16)}
.vg-offer-popup__badge{display:inline-flex;align-items:center;margin:0 44px 14px 0;padding:7px 11px;border:1px solid rgba(6,182,212,.38);border-radius:999px;background:rgba(6,182,212,.12);color:#9cecff;font-size:11px;line-height:1;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.vg-offer-popup__title{margin:0 36px 9px 0;color:#fff;font-size:29px;line-height:1.1;font-weight:900}
.vg-offer-popup__text{margin:0 0 18px;color:rgba(255,255,255,.78);font-size:15px;line-height:1.55}
.vg-offer-popup__button{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:13px 20px;border-radius:11px;background:linear-gradient(135deg,#22c55e,#06b6d4);color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:900}
.vg-offer-popup__disclaimer{display:block;margin-top:11px;color:rgba(255,255,255,.52);font-size:11px;line-height:1.4;text-align:center}
.vg-offer-popup__progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.07);overflow:hidden}
.vg-offer-popup__progress::before{content:"";display:block;width:100%;height:100%;background:linear-gradient(90deg,#7c3aed,#06b6d4);transform-origin:left center;animation:vgPopupProgress 7s linear forwards}
@keyframes vgPopupProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:1040px){.page-video-guides .video-guides-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.page-video-guides .video-guides-main{padding:22px 0 92px}.page-video-guides .video-guides-surface{padding:22px 17px;border-radius:17px}.page-video-guides .video-guide-page h1,.page-video-guides .video-guides-hub h1{font-size:clamp(29px,9vw,39px)}.page-video-guides .vg-hub-intro{font-size:16px}.page-video-guides .video-guides-grid{grid-template-columns:1fr;gap:16px}.page-video-guides .video-guide-player{margin-top:20px;border-radius:14px}.page-video-guides .video-guide-content{font-size:16px;line-height:1.7}.page-video-guides .video-guide-content h2{font-size:26px}.page-video-guides .video-guide-content h3{font-size:21px}.page-video-guides .video-guide-faq>h2{font-size:27px}.vg-offer-popup{top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:18px}.vg-offer-popup__inner{padding:21px 18px 20px}.vg-offer-popup__title{font-size:23px}}
@media(max-width:420px){.page-video-guides .video-guides-surface{padding:20px 14px}.page-video-guides .video-guide-card__body{padding:15px}.page-video-guides .video-guide-card__title{font-size:17px}.page-video-guides .video-guide-cta{width:100%}}
@media(prefers-reduced-motion:reduce){.page-video-guides .video-guide-card,.page-video-guides .video-guide-cta,.vg-offer-popup{transition:none}.vg-offer-popup__progress::before{animation:none;transform:scaleX(1)}}

/* Popup v4: native top-layer dialog. This intentionally overrides any old
   section/aside positioning rules from the main theme. */
dialog.vg-offer-popup{position:fixed!important;inset:0!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483647!important;width:min(430px,calc(100vw - 32px))!important;height:max-content!important;max-height:calc(100dvh - 32px)!important;margin:auto!important;transform:scale(.82)!important}
dialog.vg-offer-popup[open]{display:block!important}
dialog.vg-offer-popup.is-visible{transform:scale(1)!important}
dialog.vg-offer-popup::backdrop{background:rgba(1,4,12,.84)!important;-webkit-backdrop-filter:blur(9px)!important;backdrop-filter:blur(9px)!important}

/* Popup v5: the YouTube iframe is removed before the modal is shown. */
.page-video-guides .vg-player-placeholder{position:absolute;inset:0;z-index:1;display:grid;place-items:center;overflow:hidden;background:#05070c}
.page-video-guides .vg-player-placeholder__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.54;filter:brightness(.62) saturate(.82)}
.page-video-guides .vg-player-placeholder::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,7,18,.16),rgba(3,7,18,.72))}
.page-video-guides .vg-player-placeholder__status{position:relative;z-index:2;display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(4,10,24,.72);box-shadow:0 12px 34px rgba(0,0,0,.32);color:#fff;font:800 14px/1.2 Arial,sans-serif;letter-spacing:.01em}
.page-video-guides .vg-player-placeholder__status::before{content:"Ⅱ";display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:rgba(255,255,255,.12);font-size:12px}