:root{ --ref-bg:#080808; --ref-panel:#111; --ref-panel2:#181818; --ref-line:#272727; --ref-text:#ededed; --ref-muted:#a7a7a7; --ref-blue:#1687e8; --ref-blue2:#0d6fc5; --ref-yellow:#f3b612; --ref-red:#ff4658; } html{background:var(--ref-bg)} body.starhd-reference-ui{margin:0;background:var(--ref-bg)!important;color:var(--ref-text)!important;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;min-height:100vh} body.starhd-reference-ui a{color:inherit;text-decoration:none} body.starhd-reference-ui img{max-width:100%;height:auto} body.starhd-reference-ui .container{width:min(1180px,calc(100% - 24px));max-width:none;margin:0 auto;padding:0} .screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0} .ref-site-header{background:#050505;border-bottom:1px solid #1d1d1d} .ref-topbar{background:#050505;border-bottom:1px solid #151515} .ref-topbar-inner{height:76px;display:flex;align-items:center;gap:28px} .ref-brand{display:flex;align-items:center;min-width:180px;max-width:250px;height:58px;overflow:hidden} .ref-brand img{display:block;max-height:58px;width:auto;object-fit:contain;object-position:left center} .ref-utility-nav{margin-left:auto} .ref-utility-list,.ref-utility-list>ul{display:flex;gap:26px;align-items:center;list-style:none;margin:0;padding:0} .ref-utility-list li{margin:0;padding:0} .ref-utility-list a{display:block;color:#f4f4f4!important;font-size:13px;font-weight:600;white-space:nowrap;padding:8px 0} .ref-utility-list a:hover{color:var(--ref-yellow)!important} .ref-mobile-trigger{display:none;margin-left:auto;background:#171717;border:1px solid #333;color:#fff;border-radius:3px;font-size:22px;line-height:1;padding:9px 12px} .ref-poster-rail{background:#050505;border-bottom:1px solid #202020;overflow:hidden} .ref-poster-rail-inner{display:flex;gap:3px;height:116px;overflow:hidden;align-items:stretch} .ref-rail-card{flex:1 1 0;min-width:86px;max-width:120px;position:relative;background:#151515;overflow:hidden} .ref-rail-card img{width:100%;height:116px!important;object-fit:cover;display:block;filter:saturate(.88) brightness(.88);transition:.2s ease} .ref-rail-card:hover img{filter:saturate(1.08) brightness(1.06);transform:scale(1.035)} .ref-mainnav-wrap{background:#0d0d0d;border-top:1px solid #1c1c1c;border-bottom:1px solid #242424;box-shadow:0 1px 0 #000 inset} .ref-mainnav-inner{display:flex;align-items:center;gap:14px;min-height:54px} .ref-4k-button{background:var(--ref-yellow);color:#111!important;font-size:13px;font-weight:800;padding:9px 14px;border-radius:3px;white-space:nowrap;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset} .ref-primary-nav{min-width:0;flex:1} .ref-primary-list,.ref-primary-list>ul{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:0} .ref-primary-list>li{position:relative;margin:0;padding:0} .ref-primary-list>li>a{display:block;color:#f1f1f1!important;padding:18px 12px;font-size:12px;font-weight:600;white-space:nowrap} .ref-primary-list>li>a:hover,.ref-primary-list>li.current-menu-item>a{background:#171717;color:var(--ref-yellow)!important} .ref-primary-list .sub-menu{display:none;position:absolute;z-index:1000;top:100%;left:0;min-width:190px;padding:6px 0;margin:0;list-style:none;background:#101010;border:1px solid #2a2a2a;box-shadow:0 12px 30px rgba(0,0,0,.55)} .ref-primary-list li:hover>.sub-menu,.ref-primary-list li.ref-open>.sub-menu{display:block} .ref-primary-list .sub-menu a{display:block;color:#e9e9e9!important;padding:9px 13px;font-size:12px;border-bottom:1px solid #202020} .ref-primary-list .sub-menu a:hover{background:#1b1b1b;color:var(--ref-yellow)!important} .ref-nav-search{display:flex;align-items:center;background:#fff;border-radius:2px;overflow:hidden;width:205px;min-width:180px;height:34px} .ref-nav-search input{width:100%;height:34px;border:0!important;outline:0!important;background:#fff!important;color:#222!important;font-size:12px;padding:0 10px!important;box-shadow:none!important} .ref-nav-search button{width:38px;height:34px;border:0;background:#fff;color:#333;font-size:20px;line-height:1} .ref-site-main{padding-top:12px;padding-bottom:32px;min-height:60vh} .ref-category-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 14px;justify-content:center} .ref-category-cloud a{display:inline-flex;align-items:center;background:linear-gradient(#1d8fec,#0876d0);border:1px solid #2e98ef;color:#fff!important;border-radius:2px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1.1;box-shadow:0 1px 0 rgba(255,255,255,.12) inset} .ref-category-cloud a:hover{background:#222;border-color:#444} .sitewide-notice{background:linear-gradient(#1b1b1b,#101010)!important;border:1px solid #2d2d2d!important;border-left:3px solid #e13f49!important;border-radius:2px!important;color:#e5e5e5!important;font-size:12px!important;text-align:center;padding:10px 12px!important;margin:0 0 13px!important;box-shadow:none!important} .sitewide-notice:before{content:'×';color:#ff4558;font-weight:800;margin-right:5px} .sitewide-notice a{color:#3da3ff!important} .header-adcode{margin:10px auto 14px!important;text-align:center;overflow:hidden} .ref-section-heading,.ref-subheading,.ref-widget-title{display:flex;align-items:center;gap:7px;background:#191919;border:1px solid #252525;color:#f5f5f5;font-size:14px;font-weight:700;padding:9px 11px;margin:0 0 12px;box-shadow:0 1px 0 rgba(255,255,255,.025) inset} .ref-section-icon{font-size:12px} .ref-release-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 13px;align-items:start} .ref-release-card{min-width:0;background:#0d0d0d;border:1px solid #1e1e1e;box-shadow:0 0 0 1px #050505 inset;overflow:hidden;transition:transform .16s ease,border-color .16s ease} .ref-release-card:hover{transform:translateY(-2px);border-color:#343434} .ref-poster-link{display:block;color:#f0f0f0!important} .ref-poster-frame{display:block;position:relative;width:100%;aspect-ratio:2/3;background:#151515;overflow:hidden} .ref-poster-frame img{width:100%;height:100%!important;object-fit:cover;display:block;transition:transform .22s ease,filter .22s ease} .ref-release-card:hover .ref-poster-frame img{transform:scale(1.025);filter:brightness(1.06)} .ref-card-title{display:block;padding:9px 9px 11px;color:#ededed;font-size:12px;font-weight:600;line-height:1.45;min-height:61px} .ref-empty-state{grid-column:1/-1;text-align:center;background:#111;border:1px solid #242424;padding:40px} .ref-empty-state img{max-width:260px} .ref-pagination{display:flex;justify-content:center;margin:26px 0 0} .ref-pagination .pagination{display:flex;gap:4px;list-style:none;padding:0;margin:0} .ref-pagination .pagination li{margin:0} .ref-pagination .pagination a,.ref-pagination .pagination span{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;background:#171717;border:1px solid #2b2b2b;color:#ddd!important;font-size:12px} .ref-pagination .pagination .current{background:var(--ref-blue);border-color:var(--ref-blue);color:#fff!important} .ref-content-layout{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(260px,.85fr);gap:18px;align-items:start} .ref-article,.ref-sidebar{min-width:0} .ref-home-link{display:inline-block;color:#58aaf5!important;font-size:12px;margin:3px 0 11px} .ref-post-title{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px!important;background:#171717;border:1px solid #272727;color:#eee!important;font-size:17px!important;line-height:1.5!important;font-weight:700!important;padding:10px 12px!important} .ref-post-title span{color:#ddd} .ref-post-meta{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px} .ref-post-meta span,.ref-post-meta a{display:inline-flex;align-items:center;background:#151515;border:1px solid #2b2b2b;color:#ddd!important;border-radius:2px;padding:5px 8px;font-size:11px} .ref-post-meta .ref-meta-date{background:#1787e5;border-color:#1787e5;color:#fff!important} .ref-post-body{background:#0d0d0d;border:1px solid #1d1d1d;padding:20px 16px;color:#cfcfcf;text-align:center;overflow-wrap:anywhere;margin-bottom:17px} .ref-post-body p{color:#cfcfcf;margin:0 0 13px} .ref-post-body h2,.ref-post-body h3,.ref-post-body h4{color:#f2f2f2;line-height:1.45;margin:18px 0 10px} .ref-post-body h2{font-size:18px}.ref-post-body h3{font-size:16px}.ref-post-body h4{font-size:14px} .ref-post-body hr{border:0;border-top:1px solid #2c2c2c;margin:16px 0} .ref-post-body img{display:inline-block;max-width:100%;height:auto!important;margin:7px auto} .ref-post-body iframe,.ref-post-body video{max-width:100%;border:0} .ref-post-body a{color:#3ca6ff} .ref-post-body .touch,.ref-post-body a.touch,.ref-post-body .dnld,.ref-post-body a.dnld,.ref-post-body .buttn{display:block!important;max-width:520px;margin:7px auto!important;padding:12px 14px!important;border:1px solid #343434!important;border-radius:3px!important;background:linear-gradient(#161616,#0d0d0d)!important;color:#fff!important;box-shadow:none!important;font-size:13px!important;font-weight:700!important;text-align:center!important} .ref-post-body .dnld,.ref-post-body a.dnld{background:var(--ref-yellow)!important;color:#111!important;border-color:#e2aa13!important} .ref-post-body .touch:hover,.ref-post-body a.touch:hover,.ref-post-body .buttn:hover{background:#242424!important;color:#fff!important} .ref-post-body .dnld:hover,.ref-post-body a.dnld:hover{filter:brightness(1.08)} .ref-subheading{margin-top:14px} .ref-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px} .ref-tags a{background:#1687e8;color:#fff!important;border-radius:2px;padding:5px 8px;font-size:11px} .ref-comments{background:#0f0f0f;border:1px solid #222;padding:14px;margin-bottom:16px;color:#ddd} .ref-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px} .ref-sidebar{position:relative} .ref-sidebar-widget{margin-bottom:14px} .ref-widget-title{margin-bottom:0} .ref-sidebar-search{display:flex;padding:11px;background:#0e0e0e;border:1px solid #222;border-top:0} .ref-sidebar-search input{min-width:0;flex:1;background:#fff!important;color:#222!important;border:0!important;height:31px;padding:0 8px!important;box-shadow:none!important} .ref-sidebar-search button{height:31px;background:#e5e5e5;border:0;color:#222;padding:0 10px;font-size:11px} .ref-category-select{padding:11px;background:#0e0e0e;border:1px solid #222;border-top:0} .ref-select{width:100%;height:34px;background:#fff;color:#222;border:0;padding:0 8px} .ref-sidebar-dynamic .widget-title{background:#191919!important;border:1px solid #252525!important;color:#fff!important;padding:9px 11px!important;margin:0!important;font-size:13px!important} .ref-sidebar-dynamic .widget-body{background:#0e0e0e!important;border:1px solid #222!important;border-top:0!important;padding:10px!important;color:#ccc!important;margin-bottom:14px!important} .ref-sidebar-latest{display:grid;grid-template-columns:1fr;gap:1px;background:#1b1b1b;border:1px solid #222;border-top:0} .ref-side-item{display:grid;grid-template-columns:62px minmax(0,1fr);gap:9px;padding:7px;background:#0d0d0d;color:#ddd!important;align-items:center} .ref-side-item:hover{background:#151515} .ref-side-item img{width:62px;height:84px!important;object-fit:cover;background:#111} .ref-side-item span{font-size:11px;line-height:1.45;font-weight:600} .ref-footer{border-top:1px solid #252525;background:#070707;color:#999;margin-top:20px} .ref-footer-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px} .ref-footer-inner p{margin:0} .ref-footer-menu{display:flex;gap:14px;list-style:none;margin:0;padding:0} .ref-footer-menu a{color:#bbb!important}.ref-footer-menu a:hover{color:#fff!important} .ref-back-top{position:fixed;right:18px;bottom:18px;width:38px;height:38px;border-radius:3px;border:1px solid #353535;background:#151515;color:#fff;z-index:999;display:none} .ref-back-top.ref-visible{display:block} @media (max-width:1100px){ .ref-release-grid{grid-template-columns:repeat(5,minmax(0,1fr))} .ref-primary-list>li>a{padding-left:8px;padding-right:8px} .ref-nav-search{width:175px} } @media (max-width:900px){ .ref-release-grid{grid-template-columns:repeat(4,minmax(0,1fr))} .ref-utility-nav{display:none} .ref-topbar-inner{height:66px} .ref-brand{max-width:220px;height:50px}.ref-brand img{max-height:50px} .ref-mobile-trigger{display:block} .ref-mainnav-inner{align-items:stretch;flex-wrap:wrap;padding:8px 0} .ref-4k-button{align-self:center} .ref-primary-nav{display:none;order:3;width:100%;flex-basis:100%} .ref-primary-nav.ref-visible{display:block} .ref-primary-list,.ref-primary-list>ul{display:block;padding-top:7px} .ref-primary-list>li>a{padding:10px 9px;border-top:1px solid #202020} .ref-primary-list .sub-menu{position:static;box-shadow:none;border:0;border-top:1px solid #242424;margin-left:10px} .ref-nav-search{margin-left:auto;width:220px} .ref-content-layout{grid-template-columns:1fr} .ref-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media (max-width:700px){ body.starhd-reference-ui .container{width:min(100% - 16px,1180px)} .ref-poster-rail-inner{height:92px}.ref-rail-card img{height:92px!important}.ref-rail-card{min-width:70px} .ref-release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 8px} .ref-card-title{font-size:11px;padding:7px;min-height:55px} .ref-related-grid{grid-template-columns:repeat(3,minmax(0,1fr))} .ref-nav-search{width:170px;min-width:150px} .ref-category-cloud{gap:4px}.ref-category-cloud a{font-size:10px;padding:5px 7px} .ref-post-body{padding:14px 10px} } @media (max-width:480px){ .ref-topbar-inner{height:58px}.ref-brand{min-width:0;max-width:180px;height:44px}.ref-brand img{max-height:44px} .ref-mainnav-inner{gap:8px}.ref-4k-button{font-size:11px;padding:8px 9px}.ref-nav-search{flex:1;min-width:145px;width:auto} .ref-poster-rail-inner{height:78px}.ref-rail-card img{height:78px!important}.ref-rail-card{min-width:58px} .ref-release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} .ref-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .ref-post-title{font-size:14px!important;padding:9px!important} .ref-section-heading,.ref-subheading,.ref-widget-title{font-size:12px;padding:8px 9px} .ref-footer-inner{padding:15px 0;display:block;text-align:center}.ref-footer-menu{justify-content:center;margin-top:8px;flex-wrap:wrap} } /* ========================================================================
   New5 homepage visual layer
   Mapped from the user's supplied 9xhd HTML/CSS reference. Homepage only.
   Existing WordPress content, URLs, post loop and theme logic stay native.
   ======================================================================== */ body.new5-home-ui{ margin:0!important; background:#000!important; color:#ccc!important; font-family:'Open Sans',Arial,sans-serif!important; font-size:14px!important; font-weight:400!important; line-height:1.2!important; max-width:100%!important; overflow-x:hidden!important; -webkit-text-size-adjust:none; -webkit-font-smoothing:antialiased; } body.new5-home-ui a{outline:0;color:#0087fc;text-decoration:none!important} body.new5-home-ui a:hover,body.new5-home-ui a:focus{text-decoration:none!important} body.new5-home-ui img{max-width:100%;height:auto} body.new5-home-ui .container{width:100%!important;margin:0 auto;padding-left:15px;padding-right:15px} @media (min-width:1200px){body.new5-home-ui .container{width:1350px!important;max-width:calc(100% - 20px)}} /* Top bar from the reference theme */ .new5-primary-header{background:#000;color:#fff} .new5-primary-header .new5-utility-navbar{ min-height:55px!important;margin:0!important;border:0!important;border-radius:0!important; background:#131313!important;color:#fff!important; } .new5-utility-container{position:relative;display:flex;align-items:center;min-height:70px;color:#00a1ff;font-size:18px;letter-spacing:.0307142857em} .new5-brand-wrap{display:flex;align-items:center;flex:0 0 auto} .new5-brand{display:flex!important;align-items:center!important;height:70px!important;padding:0 15px 0 0!important;margin:0!important} .new5-brand img{display:block!important;position:relative;height:70px!important;width:auto!important;max-width:250px;object-fit:contain} .new5-utility-menu{display:flex;align-items:center;min-width:0;flex:1} .new5-utility-list,.new5-utility-list>ul{display:flex!important;align-items:center;flex-wrap:wrap;list-style:none!important;margin:0!important;padding:12px 19px!important;gap:0} .new5-utility-list li{list-style:none!important;margin:0!important;padding:0!important} .new5-utility-list li a{ display:block;color:#fff!important;font-family:'Open Sans',Arial,sans-serif!important; font-size:17.5px!important;font-weight:500!important;font-variant:initial!important; line-height:1.3!important;text-decoration:none!important;padding:4px 12px 6px!important; } .new5-utility-list li a:hover{color:#fff!important;background:#333!important;border-radius:3px!important} .new5-utility-toggle{display:none;background:none!important;border:0!important;margin:0 10px 0 0!important;padding:8px 7px!important} .new5-utility-toggle .icon-bar{display:block;width:22px;height:2px;background:#fff;margin:4px 0} /* Original 150px movie slider restored: full-bleed, fixed poster width, no redesign/stretching. */ .new5-slider-shell{height:150px!important;width:100%!important;overflow:hidden!important;background:#050505!important;margin:0!important;padding:0!important;position:relative!important} .new5-slider-track{height:150px!important;display:flex!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;width:max-content!important;min-width:max-content!important;overflow:visible!important;padding:0!important;margin:0!important;white-space:nowrap!important;animation:new5SliderMove var(--new5-slider-duration,70s) linear infinite!important} .new5-slider-sequence{height:150px!important;display:flex!important;align-items:stretch!important;flex:0 0 auto!important;gap:2px!important;padding:0 2px 0 0!important;margin:0!important} .new5-slider-item{display:block!important;height:150px!important;flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important;overflow:hidden!important;background:#111!important;margin:0!important;padding:0!important;border:0!important;position:relative!important;cursor:pointer!important} .new5-slider-item img{display:block!important;width:104px!important;height:150px!important;min-width:104px!important;max-width:104px!important;object-fit:cover!important;margin:0!important;padding:0!important;border:0!important;transform:translateZ(0)!important;transition:filter .18s ease,transform .18s ease!important;backface-visibility:hidden!important} .new5-slider-shell:hover .new5-slider-track{animation-play-state:paused!important} .new5-slider-item:hover img{filter:brightness(1.08)!important;transform:scale(1.025) translateZ(0)!important} @keyframes new5SliderMove{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--new5-slider-shift,-1060px),0,0)}} @media (prefers-reduced-motion:reduce){.new5-slider-track{animation:none!important;transform:none!important}.new5-slider-item img{transition:none!important}} .new5-slider-divider{height:1px!important;border:0!important;background:#252525!important;margin:3px 20px 0!important;padding:0!important} /* Main category navbar — same structure/classes/sizing as supplied New5 reference. */ .new5-category-header{background:#000} .new5-home-ui .category-navbar{ position:relative;z-index:1000;display:flex!important;justify-content:space-between!important;align-items:center!important; flex-wrap:nowrap!important;min-height:60px!important;height:60px!important;padding:5px!important;margin:0!important; background:#141414!important;border:1px solid #2a2a2a!important;border-left:0!important;border-right:0!important;border-radius:3px!important; font-family:'Trebuchet MS','Open Sans',sans-serif!important; } .new5-home-ui .left-group{display:flex!important;align-items:center!important;min-width:0;flex:1;margin-left:60px!important;height:100%} .new5-home-ui .category-toggle{display:none;background:none!important;border:0!important;padding:0!important;margin:0 10px 0 0!important;cursor:pointer!important;outline:none!important} .new5-home-ui .category-toggle .icon-bar{display:block;width:22px;height:3px;margin:4px 0;background:#fff} .new5-home-ui .custom-button{ display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;flex:0 0 auto; padding:12px 15px!important;margin:0 13px 0 0!important;font-size:15px!important;font-weight:700!important;line-height:1!important; background:#ffc107!important;color:#000!important;border:0!important;border-radius:5px!important;text-decoration:none!important; box-shadow:0 5px 15px rgba(0,0,0,.2)!important;transition:transform .3s ease,box-shadow .3s ease!important; white-space:nowrap!important;height:44px!important; } .new5-home-ui .custom-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.3)!important;color:#000!important} .new5-home-ui .custom-button i{transition:transform .3s ease}.new5-home-ui .custom-button:hover i{transform:rotate(-5deg) scale(1.1)} .new5-home-ui .category-links{ display:flex!important;align-items:center!important;justify-content:center!important;list-style:none!important;min-width:0; padding:0!important;margin:5px 0!important;white-space:nowrap!important; } .new5-home-ui .category-links>li{position:relative!important;list-style:none!important;margin:0 8px 0 0!important;padding:0!important} .new5-home-ui .category-links>li>a{ display:block!important;color:#fff!important;font-family:'Trebuchet MS','Open Sans',sans-serif!important; font-size:16.8px!important;font-weight:700!important;line-height:1.2!important;padding:5px!important;margin:0!important; text-decoration:none!important;border:0!important;border-radius:0!important;transition:.2s ease all!important; } .new5-home-ui .category-links>li>a:hover,.new5-home-ui .category-links>.dropdown:hover>a{ color:#fff!important;background:#333!important;border-radius:3px!important;padding:5px!important; } .new5-home-ui .arrow{font-size:12px;vertical-align:1px} .new5-home-ui .dropdown-menu{ display:none;visibility:hidden;opacity:0;position:absolute!important;top:100%!important;left:0!important;z-index:3000!important; min-width:175px!important;max-height:520px;overflow-y:auto!important;list-style:none!important;margin:-2px 0 0!important;padding:0!important; background:#444!important;border:0!important;border-radius:0!important;box-shadow:0 8px 16px rgba(0,0,0,.35)!important; } .new5-home-ui .dropdown:hover>.dropdown-menu,.new5-home-ui .dropdown.open>.dropdown-menu{display:block!important;visibility:visible!important;opacity:1!important} .new5-home-ui .dropdown-menu li{list-style:none!important;padding:5px!important;margin:0!important} .new5-home-ui .dropdown-menu li a{ display:block!important;color:#d1d1d1!important;background:transparent!important;padding:3px 5px!important;margin:0!important; font-family:'Trebuchet MS','Open Sans',sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important; } .new5-home-ui .dropdown-menu li a:hover{color:#fff!important;background:#333!important} .new5-home-ui #mobile-search{display:none!important} .new5-home-ui .search-container{display:flex!important;align-items:center!important;flex:0 0 205px;margin-left:4px} .new5-home-ui .new5-search-box{display:block!important;width:100%;background:#000!important;border:0!important} .new5-home-ui .new5-search-box form,.new5-home-ui #mobile-search form{margin:0!important} .new5-home-ui .new5-search-box .input-group,.new5-home-ui #mobile-search .input-group{display:block!important;width:100%!important} .new5-home-ui .new5-search-box input,.new5-home-ui #mobile-search input{ display:block!important;width:100%!important;height:35px!important;margin:0!important;padding:7px 10px!important; background:#fff!important;color:#111!important;border:1.5px solid #0087fc!important;border-radius:4px!important; font-family:'Open Sans',Arial,sans-serif!important;font-size:14px!important;font-weight:600!important;box-shadow:none!important;outline:none!important; } /* Home content / blue tag cloud */ .new5-site-main{padding-top:0!important;padding-bottom:25px!important;background:#000} .new5-home-categories{display:block!important;margin:10px 0!important;text-align:center!important;font-family:'Trebuchet MS',Helvetica,sans-serif!important} .new5-home-categories a{ display:inline-block!important;color:#fff!important;background:#1a73e8!important;line-height:25px!important;border-radius:3px!important; font-family:'Trebuchet MS',Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;margin:5px!important;padding:2px 6px!important; text-decoration:none!important;box-shadow:none!important; } .new5-home-categories a:hover{background:#1769ce!important;color:#fff!important} /* Notice: preserve the user's notice content, only apply the New5 visual frame. */ .new5-home-ui .sitewide-notice{ display:block!important;background:#000!important;border:0!important;border-radius:0!important;color:#fff!important; margin:0!important;padding:0!important;line-height:1.45!important;text-align:center!important; } .new5-home-ui .sitewide-notice>*,.new5-home-ui .sitewide-notice p{max-width:100%} .new5-home-ui .sitewide-notice a{font-weight:600} .new5-home-ui .header-adcode{margin:8px auto!important;text-align:center!important;background:#000!important} /* Exact section title treatment from 9xhd/New5. */ .new5-home-ui .new5-latest-title{ display:block!important;width:100%!important;box-sizing:border-box!important;color:#fff!important;background:#141414!important; white-space:normal!important;border-radius:3px!important;box-shadow:0 0 1px rgba(204,197,185,.5)!important; margin:0 0 10px!important;padding:11px 4px!important;font-family:'Open Sans',Arial,sans-serif!important; font-size:17px!important;font-weight:700!important;line-height:1.2!important;text-align:left!important; } .new5-home-ui .new5-latest-title .new5-title-icon{display:inline-block;color:#fff;margin:0 5px 0 2px;font-size:17px;font-family:Arial,sans-serif} .new5-home-ui .new5-latest-title .material-text{position:static!important;top:auto!important;left:auto!important;font-size:17px!important;font-weight:700!important} /* Release grid: same 6 / 3 / 2 responsive density as the source Bootstrap layout. */ .new5-release-grid{ display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:0!important;width:100%!important; margin:0!important;padding:0!important;align-items:start!important;background:#000!important; } .new5-release-item{display:block!important;min-width:0!important;width:auto!important;height:auto!important;margin:0!important;padding:13px 4px!important;background:#000!important;border:0!important;box-shadow:none!important} .new5-thumb-figure{ position:relative!important;display:block!important;width:100%!important;margin:0 0 20px!important;padding:0!important;cursor:pointer!important; overflow:hidden!important;border:.5px solid #111!important;border-radius:0!important;background:#141414!important;box-shadow:0 0 1px rgba(204,197,185,.5)!important; } .new5-thumb-link{display:block!important;color:#fff!important;background:#141414!important} .new5-thumb-figure img{ display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important;margin:0!important;padding:0!important;background:#111!important; } .new5-thumb-figure figcaption{ display:block!important;position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important; width:100%!important;min-height:95px!important;height:auto!important;margin:0!important;padding:0!important; background:#141414!important;border-radius:0 0 3px 3px!important;color:#fff!important;overflow:visible!important; } .new5-thumb-figure figcaption p{ display:block!important;margin:0!important;padding:6px 9px!important;color:#fff!important;text-align:left!important; font-family:'Open Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:22.1px!important; background:transparent!important;text-decoration:none!important;overflow-wrap:anywhere!important; } .new5-thumb-figure a:hover figcaption p{color:#ccc!important} /* Explicitly suppress generated category/quality ribbons (e.g. CLASSIC) on homepage cards. */ .new5-release-item .badge,.new5-release-item .ribbon,.new5-release-item .label,.new5-release-item .post-category,.new5-release-item .category-badge,.new5-release-item [class*="classic"]{display:none!important} /* Pagination: reference-site interaction and spacing. */ .new5-pagination{display:block!important;text-align:center!important;margin:4px 0 18px!important;padding:0!important} .new5-pagination .pagination-wrap{display:block!important} .new5-pagination .pagination{display:inline-flex!important;align-items:stretch!important;justify-content:center!important;list-style:none!important;margin:0!important;padding:0!important;gap:0!important;border-radius:0!important} .new5-pagination .pagination li{display:flex!important;list-style:none!important;margin:0!important;padding:0!important} .new5-pagination .pagination>li>a,.new5-pagination .pagination>li>span{ position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important; min-width:48px!important;height:42px!important;padding:0 16px!important;margin-left:-1px!important; border:1px solid rgba(255,255,255,.42)!important;border-radius:0!important;background:#141414!important;color:#fff!important; font-size:14px!important;line-height:1!important;font-weight:600!important;text-decoration:none!important; box-shadow:none!important;outline:0!important;transition:background .12s ease,border-color .12s ease,color .12s ease!important; } .new5-pagination .pagination>li:first-child>a,.new5-pagination .pagination>li:first-child>span{margin-left:0!important} .new5-pagination .pagination>li>a:hover,.new5-pagination .pagination>li>a:focus,.new5-pagination .pagination>li>a:active, .new5-pagination .pagination>li>span:hover,.new5-pagination .pagination>li>span:focus{ z-index:2!important;color:#fff!important;background:linear-gradient(135deg,#ff7a00 0%,#ef5a00 100%)!important; border-color:#fff!important;text-decoration:none!important; } .new5-pagination .pagination>li .current{ z-index:3!important;background:linear-gradient(135deg,#ff7a00 0%,#ef5a00 100%)!important; border-color:#fff!important;color:#fff!important;cursor:default!important; } /* Keep Previous/Next compact like the reference and vertically center the Material chevron. */ .new5-pagination .pagination>li:first-child>a,.new5-pagination .pagination>li:last-child>a{min-width:auto!important;padding:0 14px!important;gap:5px!important;white-space:nowrap!important} .new5-pagination .material-left,.new5-pagination .material-text{position:static!important;top:auto!important;right:auto!important;left:auto!important;line-height:1!important} .new5-pagination .material-icons{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:22px!important;line-height:1!important;width:18px!important;height:22px!important;overflow:hidden!important} @media (max-width:700px){ .new5-pagination .pagination>li>a,.new5-pagination .pagination>li>span{min-width:42px!important;height:40px!important;padding:0 13px!important;font-size:13px!important} .new5-pagination .pagination>li:first-child>a,.new5-pagination .pagination>li:last-child>a{padding:0 12px!important} } /* Footer */ .new5-footer{margin-top:25px!important;padding:15px 15px 30px 0!important;background:#111!important;color:#fff!important;border:0!important} .new5-footer-inner{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;min-height:50px!important} .new5-footer-copy{color:#fff!important;font-size:14px!important}.new5-footer-copy strong{color:#4285f4!important;font-weight:600!important} .new5-footer-menu{display:flex!important;flex-wrap:wrap!important;gap:14px!important;list-style:none!important;margin:0!important;padding:0!important;font-size:17px!important;font-weight:500!important} .new5-footer-menu li{list-style:none!important}.new5-footer-menu a{color:#4285f4!important;font-weight:600!important}.new5-footer-menu a:hover{color:#fff!important} @media (max-width:1199px){ body.new5-home-ui .container{max-width:100%!important} .new5-home-ui .left-group{margin-left:20px!important} .new5-home-ui .category-links>li{margin-right:4px!important} .new5-home-ui .category-links>li>a{font-size:15px!important;padding:4px!important} .new5-home-ui .search-container{flex-basis:180px} } @media (max-width:1024px){ .new5-utility-container{min-height:60px}.new5-utility-toggle{display:block!important}.new5-utility-menu{display:none!important;position:absolute;top:60px;left:0;right:0;z-index:3500;background:#191919;border-top:1px solid #343434} .new5-utility-menu.active{display:block!important}.new5-utility-list,.new5-utility-list>ul{display:block!important;padding:8px!important}.new5-utility-list li a{padding:10px 12px!important;border-bottom:1px solid #333} .new5-brand{height:60px!important}.new5-brand img{height:58px!important} .new5-home-ui .category-navbar{height:60px!important;min-height:60px!important;padding:5px!important} .new5-home-ui .left-group{margin-left:60px!important} .new5-home-ui .category-toggle{display:block!important;font-size:30px;color:#fff;position:absolute;top:15px;left:15px;z-index:3600} .new5-home-ui .category-links{ display:block!important;position:fixed!important;top:0!important;left:-70%!important;z-index:3500!important;width:70%!important;height:100vh!important; overflow-y:auto!important;background:#333!important;padding:20px 0 40px!important;margin:0!important;transition:left .3s ease!important;white-space:normal!important; } .new5-home-ui .category-links.active{left:0!important} .new5-home-ui .category-links>li{display:block!important;margin:0!important;width:100%!important} .new5-home-ui .category-links>li>a{display:block!important;width:100%!important;padding:15px!important;margin:0!important;border-bottom:1px solid #444!important;text-align:left!important;font-size:16.8px!important;background:transparent!important;color:#fff!important} .new5-home-ui .category-links>li>a:hover{padding:15px!important;background:#333!important} .new5-home-ui #mobile-search{display:block!important;padding:10px 15px!important} .new5-home-ui .dropdown-menu{position:relative!important;top:auto!important;left:auto!important;width:100%!important;max-height:0!important;overflow:hidden!important;display:block!important;visibility:visible!important;opacity:0!important;margin:0!important;background:#444!important;transition:max-height .4s ease,opacity .4s ease!important} .new5-home-ui .dropdown.open>.dropdown-menu{max-height:1000px!important;opacity:1!important;overflow-y:auto!important} .new5-home-ui .dropdown-menu li{padding:0!important}.new5-home-ui .dropdown-menu li a{padding:10px 24px!important;border-bottom:1px solid #505050!important;font-size:15px!important} .new5-home-ui .search-container{margin-left:auto!important;flex:0 0 235px!important}.new5-home-ui .new5-search-box.hidden{opacity:0!important;visibility:hidden!important} body.new5-home-ui.menu-open{overflow:hidden!important} .new5-release-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important} } @media (max-width:767px){ body.new5-home-ui .container{width:100%!important;max-width:100%!important;padding-left:8px!important;padding-right:8px!important} .new5-slider-shell,.new5-slider-track,.new5-slider-item,.new5-slider-item img{height:150px!important} .new5-slider-item{flex:0 0 104px!important;width:104px!important;min-width:104px!important;max-width:104px!important} .new5-home-ui .category-navbar{padding-right:8px!important}.new5-home-ui .left-group{margin-left:48px!important} .new5-home-ui .custom-button{height:42px!important;padding:11px 13px!important;font-size:14px!important;margin-right:5px!important} .new5-home-ui .search-container{flex:1 1 130px!important;min-width:115px!important;max-width:205px!important} .new5-home-categories a{font-size:12px!important;line-height:23px!important;margin:3px!important;padding:1px 5px!important} .new5-release-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important} .new5-release-item{padding:8px 4px!important}.new5-thumb-figure{margin-bottom:10px!important}.new5-thumb-figure figcaption{min-height:86px!important}.new5-thumb-figure figcaption p{font-size:14px!important;line-height:19px!important;padding:6px 7px!important} .new5-footer-inner{display:block!important;text-align:center!important}.new5-footer-menu{justify-content:center!important;margin-top:10px!important;font-size:14px!important} } @media (max-width:440px){ .new5-brand img{max-width:170px!important;height:52px!important}.new5-brand{height:55px!important} .new5-home-ui .custom-button{font-size:13px!important;padding:10px 11px!important}.new5-home-ui .search-container{max-width:155px!important} .new5-home-ui .new5-search-box input{font-size:12px!important;padding:7px!important} } /* Heading scale retained from the supplied New5/9xhd CSS. */ body.new5-home-ui h1,body.new5-home-ui h2,body.new5-home-ui h3,body.new5-home-ui h4,body.new5-home-ui h5,body.new5-home-ui h6{font-family:'Open Sans',sans-serif;color:#fff;font-style:normal} body.new5-home-ui h2{font-size:21px;font-weight:700} body.new5-home-ui h3{font-size:23px;font-weight:600;padding-bottom:3px} body.new5-home-ui h4{font-size:19.5px;font-weight:700;margin-top:25px;margin-bottom:20px} body.new5-home-ui h5{font-size:16px} /* Latest Releases uses the reference .category-name scale, which intentionally overrides generic h2. */ body.new5-home-ui h2.new5-latest-title{font-size:17px!important;font-weight:700!important} /* =========================================================
   v6.2 — HEADER/NAV ONLY
   Base: v6.1 Original Slider Restored
   Purpose: align ONLY the existing New5 category header with
   the supplied New5/9xhd reference. No homepage/card/slider
   structure or behaviour is changed here.
   ========================================================= */ @media (min-width:1025px){ body.new5-home-ui .new5-category-header{ width:100%!important; margin:0!important; padding:0!important; background:#000!important; } body.new5-home-ui .category-navbar{ width:100%!important; min-height:60px!important; height:60px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; flex-wrap:nowrap!important; padding:5px!important; margin:0!important; background:#141414!important; border:1px solid #2a2a2a!important; border-left:0!important; border-right:0!important; border-radius:3px!important; box-shadow:none!important; } body.new5-home-ui .left-group{ display:flex!important; align-items:center!important; flex:1 1 auto!important; min-width:0!important; height:100%!important; margin-left:60px!important; } body.new5-home-ui .custom-button{ display:inline-flex!important; align-items:center!important; gap:5px!important; flex:0 0 auto!important; height:auto!important; min-height:44px!important; margin:0!important; padding:12px 15px!important; background:#ffc107!important; color:#000!important; border:0!important; border-radius:5px!important; box-shadow:0 5px 15px rgba(0,0,0,.2)!important; font-family:'Trebuchet MS','Open Sans',sans-serif!important; font-size:15px!important; font-weight:700!important; line-height:20px!important; text-decoration:none!important; white-space:nowrap!important; } body.new5-home-ui .category-links{ display:flex!important; align-items:center!important; justify-content:center!important; flex-wrap:nowrap!important; min-width:0!important; margin:5px 0 5px 10px!important; padding:0!important; list-style:none!important; white-space:nowrap!important; } body.new5-home-ui .category-links>li{ position:relative!important; margin:0 20px 0 0!important; padding:0!important; list-style:none!important; } body.new5-home-ui .category-links>li>a{ display:block!important; margin:0!important; padding:5px!important; color:#fff!important; background:transparent!important; border:0!important; border-radius:0!important; font-family:'Trebuchet MS',Helvetica,'Open Sans',sans-serif!important; font-size:1.2em!important; font-weight:700!important; line-height:1.2!important; text-decoration:none!important; } body.new5-home-ui .category-links>li>a:hover, body.new5-home-ui .category-links>.dropdown:hover>a{ padding:5px!important; color:#fff!important; background:#333!important; border-radius:3px!important; } body.new5-home-ui .search-container{ display:flex!important; align-items:center!important; justify-content:flex-end!important; flex:0 0 205px!important; width:205px!important; margin:0 0 0 auto!important; padding:0!important; } body.new5-home-ui .new5-search-box{ width:100%!important; margin:0!important; padding:0!important; background:transparent!important; } body.new5-home-ui .new5-search-box input{ width:100%!important; height:35px!important; margin:0!important; padding:7px 10px!important; background:#fff!important; color:#333!important; border:1px solid #0087fc!important; border-radius:4px!important; box-shadow:none!important; font-family:'Open Sans',Arial,sans-serif!important; font-size:14px!important; font-weight:400!important; } } /* Keep the same arrangement usable on medium desktop widths without
   changing the theme's mobile menu breakpoint or any HTML/PHP. */ @media (min-width:1025px) and (max-width:1399px){ body.new5-home-ui .left-group{margin-left:20px!important} body.new5-home-ui .category-links{margin-left:6px!important} body.new5-home-ui .category-links>li{margin-right:7px!important} body.new5-home-ui .category-links>li>a{font-size:15px!important;padding:4px!important} body.new5-home-ui .category-links>li>a:hover, body.new5-home-ui .category-links>.dropdown:hover>a{padding:4px!important} body.new5-home-ui .custom-button{margin-right:6px!important} body.new5-home-ui .search-container{flex-basis:180px!important;width:180px!important} } /* =========================================================
   v6.3 — CRISP HEADER TYPOGRAPHY ONLY
   Restores the exact v6.1 menu type scale while keeping the
   current header arrangement. No HTML/PHP/slider/card changes.
   ========================================================= */ @media (min-width:1025px){ body.new5-home-ui .category-navbar, body.new5-home-ui .category-links, body.new5-home-ui .category-links>li>a, body.new5-home-ui .custom-button{ -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale!important; text-rendering:optimizeLegibility!important; text-shadow:none!important; filter:none!important; } body.new5-home-ui .category-links>li>a{ font-family:'Trebuchet MS',Helvetica,sans-serif!important; font-size:16.8px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:0!important; color:#fff!important; opacity:1!important; } body.new5-home-ui .custom-button{ font-family:'Trebuchet MS',Helvetica,sans-serif!important; font-size:15px!important; font-weight:700!important; letter-spacing:0!important; color:#000!important; } } /* =========================================================
   v6.4 — REFERENCE-ACCURATE HEADER TEXT + DROPDOWNS ONLY
   Exact visual behavior from the supplied New5 header CSS.
   No HTML/PHP/slider/home-grid changes.
   ========================================================= */ @media (min-width:1025px){ /* The reference menu uses Trebuchet MS at 1.2em but does NOT
     force a bold weight. Let the glyphs render at native 400 for
     the same clean, sharp appearance. */ body.new5-home-ui .category-navbar, body.new5-home-ui .category-links, body.new5-home-ui .category-links>li>a{ font-family:'Trebuchet MS',Helvetica,sans-serif!important; text-shadow:none!important; filter:none!important; } body.new5-home-ui .category-links>li>a{ font-size:16.8px!important; font-weight:400!important; line-height:1.2!important; letter-spacing:0!important; color:#fff!important; opacity:1!important; padding:5px!important; transition:.2s ease all!important; } /* Reference parent hover: slightly lighter dark block. */ body.new5-home-ui .category-links>li>a:hover{ color:#fff!important; background:#333!important; border-radius:3px!important; padding:5px!important; } body.new5-home-ui .category-links>.dropdown:hover>a, body.new5-home-ui .category-links>.dropdown.open>a{ color:#fff!important; background:#444!important; border-radius:3px!important; padding:5px!important; } /* Exact New5-style desktop dropdown geometry/contrast. */ body.new5-home-ui .category-navbar, body.new5-home-ui .left-group, body.new5-home-ui .category-links, body.new5-home-ui .category-links>li{ overflow:visible!important; } body.new5-home-ui .dropdown-menu{ display:none!important; visibility:hidden!important; opacity:0!important; position:absolute!important; top:100%!important; left:0!important; z-index:5000!important; min-width:160px!important; width:max-content!important; max-width:310px!important; max-height:none!important; overflow:visible!important; margin:-2px 0 0!important; padding:0!important; list-style:none!important; background:#444!important; border:0!important; border-radius:0!important; box-shadow:0 8px 16px rgba(0,0,0,.20)!important; transition:opacity .2s ease!important; } body.new5-home-ui .dropdown:hover>.dropdown-menu, body.new5-home-ui .dropdown.open>.dropdown-menu{ display:block!important; visibility:visible!important; opacity:1!important; } body.new5-home-ui .dropdown-menu li{ display:block!important; position:relative!important; margin:0!important; padding:5px!important; list-style:none!important; background:#444!important; } body.new5-home-ui .dropdown-menu li a{ display:block!important; width:100%!important; margin:0!important; padding:0!important; color:#999!important; background:transparent!important; border:0!important; border-radius:0!important; font-family:'Trebuchet MS',Helvetica,sans-serif!important; font-size:16.8px!important; font-weight:400!important; line-height:1.42857!important; letter-spacing:0!important; white-space:nowrap!important; text-decoration:none!important; text-shadow:none!important; transition:.2s ease all!important; } body.new5-home-ui .dropdown-menu li:hover, body.new5-home-ui .dropdown-menu li a:hover{ background:#333!important; color:#fff!important; } /* 4K button remains bold exactly as in the reference. */ body.new5-home-ui .custom-button{ font-family:'Trebuchet MS',Helvetica,sans-serif!important; font-size:15px!important; font-weight:700!important; color:#000!important; text-shadow:none!important; } } /* =========================================================
   v6.5 — LATEST RELEASES TITLE TYPOGRAPHY ONLY
   Base: v6.4 Clean Header + Dropdown
   Scope: visual size/sharpness of the existing Latest Releases
   heading only. No layout, grid, slider, header, dropdown, PHP or
   markup changes.
   ========================================================= */ body.new5-home-ui h2.new5-latest-title{ font-family:'Open Sans',Arial,sans-serif!important; font-size:18px!important; font-weight:700!important; line-height:1.2!important; color:#fff!important; background:#141414!important; padding:10px 5px!important; margin:0 0 10px!important; border-radius:3px!important; text-shadow:none!important; -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale!important; } body.new5-home-ui h2.new5-latest-title .material-text{ font-size:18px!important; font-weight:700!important; line-height:1.2!important; letter-spacing:0!important; color:#fff!important; text-shadow:none!important; -webkit-font-smoothing:antialiased!important; -moz-osx-font-smoothing:grayscale!important; } body.new5-home-ui h2.new5-latest-title .new5-title-icon{ font-size:19px!important; line-height:1!important; vertical-align:-1px!important; margin:0 6px 0 2px!important; } /* ================================================================
   v6.1.6 — official-domain startup notice (reference matched)
   ================================================================ */ .new5-official-notice{ position:fixed;inset:0;z-index:2147483500;display:grid;place-items:center; padding:16px;background:rgba(4,5,7,.69);backdrop-filter:blur(9px) saturate(.8); -webkit-backdrop-filter:blur(9px) saturate(.8); opacity:0;visibility:hidden;pointer-events:none; transition:opacity .22s ease,visibility .22s ease; font-family:Arial,Helvetica,sans-serif; } .new5-official-notice.is-visible{opacity:1;visibility:visible;pointer-events:auto} .new5-official-dialog{ position:relative;width:min(420px,calc(100vw - 28px));max-height:calc(100vh - 28px);overflow:auto; background:#101116;color:#f5f5f5;border:1px solid #2c2e34;border-radius:19px; padding:31px 28px 23px;box-shadow:0 24px 70px rgba(0,0,0,.72); transform:translateY(14px) scale(.982);opacity:.96; transition:transform .30s cubic-bezier(.2,.82,.2,1),opacity .22s ease; scrollbar-width:none; } .new5-official-dialog::-webkit-scrollbar{display:none} .new5-official-notice.is-visible .new5-official-dialog{transform:translateY(0) scale(1);opacity:1} .new5-official-close{ position:absolute;right:15px;top:14px;width:33px;height:33px;display:grid;place-items:center; padding:0;border:1px solid #2b2d33;border-radius:9px;background:#18191e;color:#696b73;cursor:pointer; transition:background .15s ease,color .15s ease,border-color .15s ease; } .new5-official-close:hover,.new5-official-close:focus{background:#202126;color:#bbb;border-color:#3a3c43;outline:0} .new5-official-close svg{width:18px;height:18px;fill:currentColor} .new5-official-bookmark{ width:47px;height:47px;display:grid;place-items:center;margin:1px 0 23px; border:1px solid #34363e;border-radius:11px;background:#17181d;color:#f4f5f6; } .new5-official-bookmark svg{width:23px;height:23px;fill:currentColor} .new5-official-kicker{ display:flex;align-items:center;gap:6px;margin:0 0 8px;color:#8c8e96; font-size:10px;font-weight:700;letter-spacing:1.25px;line-height:1;text-transform:uppercase; } .new5-official-kicker span{width:8px;height:8px;border-radius:50%;background:#eb3943;box-shadow:0 0 0 4px rgba(235,57,67,.13)} .new5-official-dialog h2{ margin:0 0 25px!important;padding:0!important;color:#f4f4f5!important;background:transparent!important; font-family:Arial,Helvetica,sans-serif!important;font-size:21px!important;font-weight:700!important;line-height:1.38!important; letter-spacing:-.2px!important;text-align:left!important;text-shadow:none!important; } .new5-official-dialog h2 em{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;color:#f0a900} .new5-official-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .new5-official-card{ width:100%;min-height:59px;margin:0 0 11px;padding:10px 14px 10px 16px;display:flex;align-items:center;justify-content:space-between; border:1px solid #303139;border-radius:11px;background:#111217;color:#f4f4f5!important;text-decoration:none!important; transition:border-color .17s ease,background .17s ease,transform .12s ease; } .new5-official-card:hover,.new5-official-card:focus{background:#15161b;border-color:#41434b;color:#fff!important;outline:0;text-decoration:none!important} .new5-official-card:active{transform:translateY(1px)} .new5-official-domain{border-color:#6a4d0b;background:linear-gradient(90deg,#18160f,#19140a)} .new5-official-domain:hover,.new5-official-domain:focus{border-color:#8a6612;background:linear-gradient(90deg,#1e1a0f,#201809)} .new5-official-card-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:2px} .new5-official-card-copy small,.new5-official-qr-copy>small{font-size:9px;line-height:1.15;font-weight:700;letter-spacing:.9px;color:#b9bac0;text-transform:uppercase} .new5-official-domain .new5-official-card-copy small{color:#c58c0a} .new5-official-card-copy strong{font-size:13px;line-height:1.25;font-weight:700;color:#f0f0f1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px} .new5-official-domain .new5-official-card-copy strong{color:#f0b400} .new5-official-card-action,.new5-official-app-icon{ width:34px;height:34px;min-width:34px;display:grid;place-items:center;border-radius:9px;background:#1b1c21;color:#f0f0f1; } .new5-official-card-action{background:#41330e;color:#f1b90b} .new5-official-card-action svg{width:19px;height:19px;fill:currentColor} .new5-official-app-icon svg{width:18px;height:18px;fill:currentColor} .new5-official-qr-card{ display:grid;grid-template-columns:92px 1fr;gap:13px;align-items:start;margin:0 0 11px;padding:14px 15px; border:1px solid #303139;border-radius:11px;background:#111217; } .new5-official-qr-box{width:92px;height:92px;padding:5px;background:#fff;border-radius:4px;display:grid;place-items:center;overflow:hidden} .new5-official-qr-box img{display:block!important;width:82px!important;height:82px!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important} .new5-official-qr-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding-top:1px} .new5-official-qr-copy>small{margin:0 0 4px;color:#8d8f97} .new5-official-qr-copy>strong{margin:0 0 10px;color:#f0f0f2;font-size:11px;line-height:1.42;font-weight:700} .new5-official-save-qr{ display:inline-flex;align-items:center;gap:7px;min-height:31px;padding:7px 11px;border:1px solid #79600c;border-radius:8px; background:#33280a;color:#f2ba09!important;font-size:11px;font-weight:600;line-height:1;text-decoration:none!important; } .new5-official-save-qr:hover,.new5-official-save-qr:focus{background:#44350a;color:#ffd046!important;text-decoration:none!important;outline:0} .new5-official-save-qr svg{width:14px;height:14px;fill:currentColor} .new5-official-dismiss{ width:100%;height:42px;margin:0;padding:0 14px;display:flex;align-items:center;justify-content:space-between; border:1px solid #35373e;border-radius:9px;background:#1a1b20;color:#f5f5f6;cursor:pointer; transition:background .15s ease,border-color .15s ease; } .new5-official-dismiss:hover,.new5-official-dismiss:focus{background:#202126;border-color:#44464e;outline:0} .new5-official-dismiss span{font-size:12px;font-weight:700} .new5-official-dismiss small{font-size:10px;letter-spacing:1px;color:#858790} body.new5-official-locked{overflow:hidden!important} @media(max-width:520px){ .new5-official-notice{padding:10px} .new5-official-dialog{width:calc(100vw - 20px);max-height:calc(100vh - 20px);border-radius:17px;padding:27px 20px 18px} .new5-official-close{right:12px;top:12px} .new5-official-bookmark{width:45px;height:45px;margin-bottom:21px} .new5-official-dialog h2{font-size:20px!important;margin-bottom:22px!important} .new5-official-card{padding-left:14px}.new5-official-card-copy strong{max-width:220px} .new5-official-qr-card{grid-template-columns:88px 1fr;gap:11px;padding:13px 12px}.new5-official-qr-box{width:88px;height:88px}.new5-official-qr-box img{width:78px!important;height:78px!important} .new5-official-qr-copy>strong{font-size:10.5px} } @media(max-width:370px){ .new5-official-dialog{padding-left:16px;padding-right:16px} .new5-official-qr-card{grid-template-columns:78px 1fr}.new5-official-qr-box{width:78px;height:78px}.new5-official-qr-box img{width:68px!important;height:68px!important} .new5-official-save-qr{padding:7px 8px;font-size:10px} } @media(prefers-reduced-motion:reduce){.new5-official-notice,.new5-official-dialog,.new5-official-card{transition:none!important}} /* v8.9 unified archive/search/404 presentation: no legacy ref-* frontend layout. */ body.new5-home-ui .new5-listing-title .material-text{position:static!important;top:auto!important;left:auto!important} body.new5-home-ui .new5-empty-state{grid-column:1/-1!important;text-align:center!important;padding:35px 15px!important;color:#aaa!important;background:#111!important;border:1px solid #202020!important} body.new5-home-ui .new5-empty-state img{display:block!important;width:auto!important;max-width:180px!important;max-height:150px!important;margin:0 auto 15px!important;object-fit:contain!important} body.new5-home-ui .new5-empty-state p{margin:0!important;color:#aaa!important;font-size:14px!important} /* v8.11 performance-clean: local inline icons replace the external Font Awesome sheet. */ .new5-inline-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;fill:currentColor;flex:0 0 auto} .new5-film-icon{margin-right:5px} .new5-whatsapp-icon{color:#74C0FC;width:1.05em;height:1.05em;margin-left:2px} /* ================================================================
   v8.14 — one identical release-card component on every listing
   Home / Category / Tag / Archive / Search all share the same card.
   ================================================================ */ body.new5-home-ui .new5-listing-grid .new5-release-item, body.new5-home-ui .new5-release-grid .new5-release-item{ display:block!important;min-width:0!important;width:auto!important;height:auto!important; margin:0!important;padding:13px 4px!important;background:#000!important;border:0!important;box-shadow:none!important; } body.new5-home-ui .new5-listing-grid .new5-thumb-figure, body.new5-home-ui .new5-release-grid .new5-thumb-figure{ position:relative!important;display:block!important;width:100%!important;margin:0 0 20px!important;padding:0!important; cursor:pointer!important;overflow:hidden!important;border:.5px solid #111!important;border-radius:0!important; background:#141414!important;box-shadow:0 0 1px rgba(204,197,185,.5)!important; } body.new5-home-ui .new5-listing-grid .new5-thumb-link, body.new5-home-ui .new5-release-grid .new5-thumb-link{display:block!important;color:#fff!important;background:#141414!important;text-decoration:none!important} body.new5-home-ui .new5-listing-grid .new5-thumb-figure img, body.new5-home-ui .new5-release-grid .new5-thumb-figure img{ display:block!important;width:100%!important;height:auto!important;aspect-ratio:2/3!important;object-fit:cover!important; margin:0!important;padding:0!important;background:#111!important;transition:transform .2s ease!important; } body.new5-home-ui .new5-listing-grid .new5-thumb-figure figcaption, body.new5-home-ui .new5-release-grid .new5-thumb-figure figcaption{ display:block!important;position:relative!important;inset:auto!important;width:100%!important;min-height:95px!important;height:auto!important; margin:0!important;padding:0!important;background:#141414!important;border-radius:0 0 3px 3px!important;color:#fff!important;overflow:visible!important; } body.new5-home-ui .new5-listing-grid .new5-thumb-figure figcaption p, body.new5-home-ui .new5-release-grid .new5-thumb-figure figcaption p{ display:block!important;margin:0!important;padding:6px 9px!important;color:#fff!important;text-align:left!important; font-family:'Open Sans',Arial,sans-serif!important;font-size:16px!important;font-weight:600!important;line-height:22.1px!important; background:transparent!important;text-decoration:none!important;overflow-wrap:anywhere!important; } /* Keep the same image hover/zoom and title hover on every archive surface. */ body.new5-home-ui .new5-listing-grid .new5-thumb-figure:hover img, body.new5-home-ui .new5-release-grid .new5-thumb-figure:hover img{transform:scale(1.2)!important} body.new5-home-ui .new5-listing-grid .new5-thumb-figure a:hover figcaption p, body.new5-home-ui .new5-release-grid .new5-thumb-figure a:hover figcaption p{color:#ccc!important} @media(max-width:767px){ body.new5-home-ui .new5-listing-grid .new5-release-item,body.new5-home-ui .new5-release-grid .new5-release-item{padding:8px 4px!important} body.new5-home-ui .new5-listing-grid .new5-thumb-figure,body.new5-home-ui .new5-release-grid .new5-thumb-figure{margin-bottom:10px!important} body.new5-home-ui .new5-listing-grid .new5-thumb-figure figcaption,body.new5-home-ui .new5-release-grid .new5-thumb-figure figcaption{min-height:86px!important} body.new5-home-ui .new5-listing-grid .new5-thumb-figure figcaption p,body.new5-home-ui .new5-release-grid .new5-thumb-figure figcaption p{font-size:14px!important;line-height:19px!important;padding:6px 7px!important} } /* v8.22 — one identical reference notice on Home + Single Post */ body.new5-home-ui .new5-home-notice-wrapper{ width:100%!important; max-width:1350px!important; margin:0 auto!important; padding:0!important; } body.new5-home-ui .new5-reference-notice{ width:auto!important; margin:0 0 20px!important; padding:0!important; background:#000!important; border:0!important; border-radius:0!important; color:#fff!important; font-family:'Open Sans',Arial,sans-serif!important; font-size:15px!important; line-height:1.45!important; text-align:center!important; box-shadow:none!important; } body.new5-home-ui .new5-reference-notice::before{content:none!important;display:none!important} body.new5-home-ui .new5-reference-notice .alerrt{ display:block!important; margin:0 10px 10px!important; padding:0 5px 5px!important; color:#fff!important; background:linear-gradient(360deg,#0000009c,#483e3e)!important; border-radius:8px!important; box-shadow:none!important; } body.new5-home-ui .new5-reference-notice .closebtn{ color:#ffcc00!important; font-size:24px!important; line-height:45px!important; } body.new5-home-ui .new5-reference-notice .new5-notice-rule{ display:block!important; width:100%!important; height:1px!important; margin:0!important; padding:0!important; border:0!important; background:#3f3f3f!important; } @media (max-width:767px){ body.new5-home-ui .new5-home-notice-wrapper{padding:0!important} body.new5-home-ui .new5-reference-notice{font-size:14px!important;margin-bottom:16px!important} body.new5-home-ui .new5-reference-notice .alerrt{margin-left:8px!important;margin-right:8px!important} } /* v8.25 — gentle vertical breathing room around the reference notice on all screens */ body.new5-home-ui .new5-home-notice-wrapper{ margin:8px auto 8px!important; } @media (max-width:767px){ body.new5-home-ui .new5-home-notice-wrapper{ margin:6px auto 6px!important; } } /* v8.28 — mobile-only WhatsApp notice alignment */ @media (max-width:767px){ body.new5-home-ui .new5-reference-notice .new5-whatsapp-inline{ display:inline-flex!important; align-items:center!important; justify-content:center!important; gap:3px!important; white-space:nowrap!important; vertical-align:middle!important; line-height:1!important; } body.new5-home-ui .new5-reference-notice .new5-whatsapp-inline .new5-whatsapp-icon{ display:inline-block!important; width:16px!important; height:16px!important; min-width:16px!important; min-height:16px!important; margin:0!important; vertical-align:middle!important; color:#25D366!important; fill:currentColor!important; flex:0 0 16px!important; } body.new5-home-ui .new5-reference-notice a:has(.new5-whatsapp-inline){ display:inline-block!important; white-space:nowrap!important; vertical-align:middle!important; } } /* v8.34 — Exact Latest Releases icon extracted from user's reference screenshot.
   One identical asset/size is used on both desktop and mobile. */ body.new5-home-ui h2.new5-latest-title .new5-title-icon.new5-title-icon-image{ display:inline-flex!important; width:18px!important; height:22px!important; min-width:18px!important; min-height:22px!important; margin:0 8px 0 0!important; padding:0!important; align-items:center!important; justify-content:center!important; vertical-align:-5px!important; line-height:1!important; overflow:visible!important; } body.new5-home-ui h2.new5-latest-title .new5-title-icon.new5-title-icon-image::after{ content:none!important; display:none!important; } body.new5-home-ui h2.new5-latest-title .new5-title-icon.new5-title-icon-image img{ display:block!important; width:18px!important; height:22px!important; min-width:18px!important; min-height:22px!important; max-width:none!important; max-height:none!important; margin:0!important; padding:0!important; object-fit:contain!important; image-rendering:auto!important; } /* ================================================================
   v8.38 — EXACT RICH OFFICIAL-DOMAIN POPUP
   Desktop + tablet + mobile. Functional HTML/CSS, no screenshot overlay.
   ================================================================ */ .new5-official-notice{ position:fixed!important;inset:0!important;z-index:2147483500!important;display:grid!important;place-items:center!important; padding:28px!important;background:rgba(4,5,8,.74)!important;backdrop-filter:blur(14px) saturate(.76)!important; -webkit-backdrop-filter:blur(14px) saturate(.76)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important; transition:opacity .24s ease,visibility .24s ease!important;font-family:Arial,Helvetica,sans-serif!important; } .new5-official-notice.is-visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important} .new5-official-dialog{ position:relative!important;width:min(1026px,calc(100vw - 48px))!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important; padding:44px 56px 40px!important;color:#f5f6f8!important;background: radial-gradient(circle at 84% 8%,rgba(255,184,0,.055),transparent 24%), linear-gradient(180deg,#090c13 0%,#080a10 100%)!important; border:1px solid #343a48!important;border-radius:32px!important;box-shadow:0 34px 90px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.025)!important; transform:translateY(16px) scale(.985)!important;opacity:.96!important;transition:transform .32s cubic-bezier(.2,.82,.2,1),opacity .22s ease!important; scrollbar-width:none!important;box-sizing:border-box!important; } .new5-official-dialog::-webkit-scrollbar{display:none!important} .new5-official-notice.is-visible .new5-official-dialog{transform:translateY(0) scale(1)!important;opacity:1!important} .new5-official-close{ position:absolute!important;right:38px!important;top:36px!important;width:74px!important;height:74px!important;display:grid!important;place-items:center!important; padding:0!important;border:1px solid #343a49!important;border-radius:18px!important;background:#11151e!important;color:#a7adb8!important;cursor:pointer!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;transition:background .17s ease,border-color .17s ease,transform .17s ease,color .17s ease!important;z-index:5!important; } .new5-official-close:hover,.new5-official-close:focus{background:#171c26!important;border-color:#4b5363!important;color:#eef0f3!important;outline:0!important;transform:scale(1.035)!important} .new5-official-close svg{width:31px!important;height:31px!important;fill:currentColor!important} .new5-official-top-icon{ width:100px!important;height:100px!important;display:grid!important;place-items:center!important;margin:0 0 31px!important; border:2px solid #b98500!important;border-radius:22px!important;background:radial-gradient(circle at 50% 40%,rgba(255,192,25,.13),rgba(255,170,0,.045) 54%,#11151e 80%)!important; color:#fff!important;box-shadow:0 0 28px rgba(255,184,0,.08),inset 0 0 24px rgba(255,191,0,.05)!important; } .new5-official-top-icon svg{width:43px!important;height:43px!important;fill:currentColor!important} .new5-official-hero-row{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(290px,.9fr)!important;gap:42px!important;align-items:center!important;margin-bottom:28px!important} .new5-official-hero-copy{min-width:0!important} .new5-official-kicker{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 14px!important;color:#a4a9b4!important;font-size:15px!important;font-weight:700!important;letter-spacing:2.5px!important;line-height:1.05!important;text-transform:uppercase!important;white-space:nowrap!important} .new5-official-kicker span{width:18px!important;height:18px!important;min-width:18px!important;border-radius:50%!important;background:#ff2437!important;box-shadow:0 0 0 6px rgba(255,36,55,.12),0 0 18px rgba(255,36,55,.35)!important} .new5-official-dialog h2{margin:0 0 20px!important;padding:0!important;color:#f5f5f6!important;background:transparent!important;font-family:Arial,Helvetica,sans-serif!important;font-size:42px!important;font-weight:800!important;line-height:1.22!important;letter-spacing:-1px!important;text-align:left!important;text-shadow:none!important;max-width:650px!important} .new5-official-dialog h2 em{font-family:Georgia,'Times New Roman',serif!important;font-style:italic!important;font-weight:400!important;color:#f2af00!important} .new5-official-description{margin:0!important;color:#aeb4c0!important;font-size:25px!important;line-height:1.42!important;font-weight:400!important;max-width:650px!important} .new5-official-hero-art{position:relative!important;height:255px!important;display:grid!important;place-items:center!important;overflow:visible!important} .new5-bookmark-card-3d{ position:relative!important;z-index:3!important;width:166px!important;height:202px!important;display:grid!important;place-items:center!important; border:1px solid #d0a04a!important;border-radius:30px!important;background:linear-gradient(145deg,#686256 0%,#353027 22%,#1e1c1c 53%,#111319 100%)!important; box-shadow:-12px 14px 0 rgba(171,124,11,.2),0 24px 44px rgba(0,0,0,.5),inset 14px 12px 25px rgba(255,255,255,.11),inset -14px -16px 28px rgba(0,0,0,.42)!important; transform:rotate(10deg)!important;animation:new5BookmarkFloat 3.9s ease-in-out infinite!important; } .new5-bookmark-card-3d svg{width:76px!important;height:92px!important;fill:#ffc21b!important;filter:drop-shadow(0 5px 2px rgba(109,68,0,.55)) drop-shadow(0 0 11px rgba(255,194,27,.55))!important} .new5-orbit-ring{position:absolute!important;z-index:4!important;width:246px!important;height:76px!important;border:4px solid #ffc400!important;border-radius:50%!important;transform:rotate(-18deg)!important;box-shadow:0 0 12px #ffa600,0 0 24px rgba(255,185,0,.6),inset 0 0 10px rgba(255,204,0,.32)!important;animation:new5OrbitGlow 2.7s ease-in-out infinite!important} .new5-spark{position:absolute!important;z-index:5!important;color:#ffd23f!important;text-shadow:0 0 9px #ffb700,0 0 18px rgba(255,190,0,.8)!important;animation:new5Spark 1.9s ease-in-out infinite!important} .new5-spark-a{left:25px!important;top:52px!important;font-size:29px!important}.new5-spark-b{right:28px!important;top:76px!important;font-size:18px!important;animation-delay:.55s!important}.new5-spark-c{left:58px!important;bottom:17px!important;font-size:13px!important;animation-delay:1.05s!important} .new5-save-now{position:absolute!important;right:4px!important;bottom:26px!important;z-index:5!important;color:#ffca16!important;font-family:'Comic Sans MS','Bradley Hand',cursive!important;font-size:29px!important;line-height:.95!important;transform:rotate(-8deg)!important;text-shadow:0 0 12px rgba(255,184,0,.22)!important} .new5-save-arrow{position:absolute!important;right:63px!important;bottom:4px!important;z-index:5!important;color:#ffc20b!important;font-size:52px!important;transform:rotate(22deg)!important} .new5-official-main-card{width:100%!important;min-height:126px!important;margin:0 0 22px!important;padding:16px 26px!important;display:grid!important;grid-template-columns:86px 1fr 82px!important;gap:24px!important;align-items:center!important;box-sizing:border-box!important;border:1px solid #414957!important;border-radius:21px!important;background:linear-gradient(180deg,#0d1119 0%,#0a0d13 100%)!important;color:#f4f5f6!important;text-decoration:none!important;transition:border-color .17s ease,background .17s ease,transform .14s ease,box-shadow .17s ease!important} .new5-official-main-card:hover,.new5-official-main-card:focus{background:linear-gradient(180deg,#111722 0%,#0c1018 100%)!important;border-color:#586173!important;color:#fff!important;outline:0!important;text-decoration:none!important;transform:translateY(-1px)!important} .new5-official-main-card:active{transform:translateY(1px)!important} .new5-official-main-card.new5-official-domain{border-color:#9a7000!important;background:radial-gradient(circle at 8% 50%,rgba(255,192,0,.13),transparent 18%),linear-gradient(90deg,#17130a 0%,#1b1608 100%)!important;box-shadow:inset 0 0 38px rgba(255,179,0,.02)!important} .new5-official-main-card.new5-official-domain:hover,.new5-official-main-card.new5-official-domain:focus{border-color:#c38e00!important;background:radial-gradient(circle at 8% 50%,rgba(255,195,0,.18),transparent 19%),linear-gradient(90deg,#1b160a 0%,#221b08 100%)!important} .new5-official-main-icon{width:86px!important;height:86px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:radial-gradient(circle at 45% 40%,#5b480b 0%,#352900 70%)!important;color:#ffc316!important;box-shadow:inset 0 0 26px rgba(255,196,0,.12),0 0 19px rgba(255,180,0,.05)!important} .new5-official-main-icon svg{width:45px!important;height:45px!important;fill:currentColor!important} .new5-official-main-copy{display:flex!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;gap:8px!important} .new5-official-main-copy small{font-size:15px!important;line-height:1!important;font-weight:800!important;letter-spacing:2.4px!important;color:#bcc1cb!important;text-transform:uppercase!important} .new5-official-domain .new5-official-main-copy small{color:#ffc21a!important} .new5-official-main-copy strong{display:block!important;max-width:100%!important;color:#f3f4f6!important;font-size:31px!important;line-height:1.18!important;font-weight:800!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .new5-official-domain .new5-official-main-copy strong{color:#ffc20f!important} .new5-official-main-action,.new5-official-download-action{width:82px!important;height:82px!important;display:grid!important;place-items:center!important;justify-self:end!important;border-radius:18px!important;background:linear-gradient(145deg,#594409,#382b05)!important;color:#ffc20d!important;box-shadow:inset 0 1px 0 rgba(255,226,102,.1)!important} .new5-official-download-action{background:#121720!important;color:#f0f1f3!important;border:1px solid #262c37!important} .new5-official-main-action svg{width:42px!important;height:42px!important;fill:currentColor!important}.new5-official-download-action svg{width:38px!important;height:38px!important;fill:currentColor!important} .new5-android-icon{border-radius:18px!important;background:linear-gradient(145deg,#15252b,#0f171d)!important;color:#54de4b!important;border:1px solid #263c45!important} .new5-android-icon svg{width:58px!important;height:58px!important;fill:#54de4b!important;stroke:#54de4b!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important} .new5-official-qr-card-rich{display:grid!important;grid-template-columns:210px minmax(0,1fr) 150px!important;gap:32px!important;align-items:center!important;margin:0 0 27px!important;padding:26px!important;border:1px solid #414957!important;border-radius:21px!important;background:linear-gradient(180deg,#0d1119 0%,#090c12 100%)!important;box-sizing:border-box!important} .new5-official-qr-box{width:210px!important;height:210px!important;padding:13px!important;background:#fff!important;border-radius:11px!important;display:grid!important;place-items:center!important;overflow:hidden!important;box-sizing:border-box!important} .new5-official-qr-box img{display:block!important;width:184px!important;height:184px!important;max-width:none!important;object-fit:contain!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important} .new5-official-qr-copy{min-width:0!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;padding:0!important} .new5-official-qr-copy>small{display:flex!important;align-items:center!important;gap:14px!important;margin:0 0 17px!important;color:#b8bdc9!important;font-size:14px!important;line-height:1.1!important;font-weight:800!important;letter-spacing:2.1px!important;text-transform:uppercase!important} .new5-qr-corners{position:relative!important;width:34px!important;height:34px!important;display:inline-block!important;flex:0 0 34px!important;background:linear-gradient(#ffc20d 0 0) left top/13px 3px no-repeat,linear-gradient(#ffc20d 0 0) left top/3px 13px no-repeat,linear-gradient(#ffc20d 0 0) right top/13px 3px no-repeat,linear-gradient(#ffc20d 0 0) right top/3px 13px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/13px 3px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/3px 13px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/13px 3px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/3px 13px no-repeat!important} .new5-official-qr-copy>strong{margin:0 0 22px!important;color:#f0f1f3!important;font-size:24px!important;line-height:1.4!important;font-weight:500!important} .new5-official-save-qr{display:inline-flex!important;align-items:center!important;gap:14px!important;min-height:64px!important;padding:0 30px!important;border:1px solid #9a7200!important;border-radius:16px!important;background:linear-gradient(180deg,#392c06,#2d2305)!important;color:#ffc20d!important;font-size:22px!important;font-weight:800!important;line-height:1!important;text-decoration:none!important;box-shadow:inset 0 1px 0 rgba(255,227,109,.06)!important} .new5-official-save-qr:hover,.new5-official-save-qr:focus{background:linear-gradient(180deg,#4a3807,#392b05)!important;color:#ffd044!important;text-decoration:none!important;outline:0!important} .new5-official-save-qr svg{width:25px!important;height:25px!important;fill:currentColor!important} .new5-qr-phone-wrap{position:relative!important;width:150px!important;height:176px!important;justify-self:end!important;color:#ffc20e!important} .new5-qr-phone{position:absolute!important;left:18px!important;top:28px!important;width:58px!important;height:114px!important;border:7px solid #9e7600!important;border-radius:14px!important;transform:rotate(5deg)!important;background:#13140f!important;box-shadow:0 0 20px rgba(255,183,0,.08)!important;animation:new5PhoneFloat 3.2s ease-in-out infinite!important} .new5-qr-phone:before{content:""!important;position:absolute!important;top:6px!important;left:17px!important;width:18px!important;height:3px!important;border-radius:2px!important;background:#8e6a00!important} .new5-qr-phone:after{content:""!important;position:absolute!important;left:21px!important;bottom:7px!important;width:12px!important;height:3px!important;border-radius:2px!important;background:#8e6a00!important} .new5-qr-phone span{position:absolute!important;left:14px!important;top:37px!important;width:22px!important;height:22px!important;background:linear-gradient(#ffc20d 0 0) left top/9px 3px no-repeat,linear-gradient(#ffc20d 0 0) left top/3px 9px no-repeat,linear-gradient(#ffc20d 0 0) right top/9px 3px no-repeat,linear-gradient(#ffc20d 0 0) right top/3px 9px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/9px 3px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/3px 9px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/9px 3px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/3px 9px no-repeat!important;animation:new5ScanPulse 1.8s ease-in-out infinite!important} .new5-scan-save{position:absolute!important;right:0!important;top:26px!important;color:#ffc20e!important;font-family:'Comic Sans MS','Bradley Hand',cursive!important;font-size:22px!important;line-height:1!important;transform:rotate(-4deg)!important}.new5-scan-arrow{position:absolute!important;right:0!important;bottom:15px!important;font-size:45px!important;transform:rotate(14deg)!important} .new5-official-footer-row{min-height:87px!important;padding:0 26px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:25px!important;border:1px solid #414957!important;border-radius:19px!important;background:linear-gradient(180deg,#10141d,#0d1017)!important;box-sizing:border-box!important} .new5-official-never{display:inline-flex!important;align-items:center!important;gap:18px!important;margin:0!important;color:#b9bec9!important;font-size:19px!important;font-weight:400!important;cursor:pointer!important;user-select:none!important} .new5-official-never input{position:absolute!important;opacity:0!important;pointer-events:none!important} .new5-official-checkmark{width:34px!important;height:34px!important;border:3px solid #f2f3f4!important;border-radius:9px!important;background:#0b0e13!important;box-sizing:border-box!important;position:relative!important;transition:.16s ease!important} .new5-official-never input:checked+.new5-official-checkmark{background:#c68e00!important;border-color:#ffc20d!important;box-shadow:0 0 0 4px rgba(255,194,13,.1)!important} .new5-official-never input:checked+.new5-official-checkmark:after{content:""!important;position:absolute!important;left:9px!important;top:4px!important;width:9px!important;height:17px!important;border:solid #111!important;border-width:0 4px 4px 0!important;transform:rotate(45deg)!important} .new5-official-footer-actions{display:flex!important;align-items:center!important;gap:28px!important;white-space:nowrap!important}.new5-official-footer-actions .new5-official-dismiss{width:auto!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;color:#d9dbe0!important;font-size:19px!important;font-weight:800!important;box-shadow:none!important}.new5-official-footer-actions .new5-official-dismiss:hover,.new5-official-footer-actions .new5-official-dismiss:focus{background:transparent!important;border:0!important;color:#fff!important;outline:0!important}.new5-official-footer-actions i{width:1px!important;height:31px!important;background:#555b67!important;display:block!important}.new5-official-footer-actions small{font-size:18px!important;color:#a6abb5!important;font-weight:400!important;letter-spacing:0!important} body.new5-official-locked{overflow:hidden!important} @keyframes new5BookmarkFloat{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-9px) rotate(8deg)}} @keyframes new5OrbitGlow{0%,100%{opacity:.86;filter:brightness(1)}50%{opacity:1;filter:brightness(1.25)}} @keyframes new5Spark{0%,100%{opacity:.25;transform:scale(.72) rotate(0)}50%{opacity:1;transform:scale(1.18) rotate(18deg)}} @keyframes new5PhoneFloat{0%,100%{transform:translateY(0) rotate(5deg)}50%{transform:translateY(-6px) rotate(3deg)}} @keyframes new5ScanPulse{0%,100%{opacity:.55;filter:drop-shadow(0 0 0 rgba(255,194,13,0))}50%{opacity:1;filter:drop-shadow(0 0 8px rgba(255,194,13,.8))}} @media(max-width:900px){ .new5-official-notice{padding:18px!important}.new5-official-dialog{width:min(760px,calc(100vw - 28px))!important;padding:34px 34px 30px!important;border-radius:26px!important}.new5-official-close{right:28px!important;top:28px!important;width:58px!important;height:58px!important;border-radius:15px!important}.new5-official-close svg{width:25px!important;height:25px!important}.new5-official-top-icon{width:78px!important;height:78px!important;border-radius:18px!important;margin-bottom:25px!important}.new5-official-top-icon svg{width:35px!important;height:35px!important}.new5-official-hero-row{grid-template-columns:1fr 230px!important;gap:24px!important}.new5-official-kicker{font-size:12px!important;letter-spacing:1.7px!important}.new5-official-kicker span{width:14px!important;height:14px!important;min-width:14px!important}.new5-official-dialog h2{font-size:33px!important}.new5-official-description{font-size:20px!important}.new5-official-hero-art{height:205px!important;transform:scale(.82)!important;transform-origin:center!important}.new5-official-main-card{min-height:100px!important;grid-template-columns:68px 1fr 62px!important;gap:18px!important;padding:14px 20px!important;border-radius:17px!important}.new5-official-main-icon{width:68px!important;height:68px!important}.new5-official-main-icon svg{width:39px!important;height:39px!important}.new5-official-main-copy small{font-size:12px!important;letter-spacing:1.7px!important}.new5-official-main-copy strong{font-size:23px!important}.new5-official-main-action,.new5-official-download-action{width:62px!important;height:62px!important;border-radius:15px!important}.new5-official-main-action svg{width:32px!important;height:32px!important}.new5-official-download-action svg{width:29px!important;height:29px!important}.new5-official-qr-card-rich{grid-template-columns:160px minmax(0,1fr) 110px!important;gap:22px!important;padding:21px!important;border-radius:17px!important}.new5-official-qr-box{width:160px!important;height:160px!important;padding:10px!important}.new5-official-qr-box img{width:140px!important;height:140px!important}.new5-official-qr-copy>small{font-size:11px!important;letter-spacing:1.5px!important;gap:10px!important}.new5-qr-corners{width:27px!important;height:27px!important;flex-basis:27px!important}.new5-official-qr-copy>strong{font-size:18px!important;margin-bottom:17px!important}.new5-official-save-qr{min-height:52px!important;padding:0 20px!important;font-size:17px!important;border-radius:13px!important}.new5-qr-phone-wrap{width:105px!important;height:145px!important;transform:scale(.82)!important;transform-origin:center right!important}.new5-official-footer-row{min-height:72px!important;padding:0 20px!important}.new5-official-never{font-size:15px!important;gap:13px!important}.new5-official-checkmark{width:29px!important;height:29px!important;border-width:2px!important}.new5-official-footer-actions{gap:18px!important}.new5-official-footer-actions .new5-official-dismiss{font-size:15px!important}.new5-official-footer-actions small{font-size:14px!important} } @media(max-width:600px){ .new5-official-notice{padding:8px!important;place-items:center!important}.new5-official-dialog{width:calc(100vw - 16px)!important;max-height:calc(100dvh - 16px)!important;padding:22px 18px 20px!important;border-radius:21px!important}.new5-official-close{right:16px!important;top:16px!important;width:44px!important;height:44px!important;border-radius:12px!important}.new5-official-close svg{width:21px!important;height:21px!important}.new5-official-top-icon{width:58px!important;height:58px!important;margin-bottom:21px!important;border-radius:15px!important}.new5-official-top-icon svg{width:29px!important;height:29px!important}.new5-official-hero-row{display:block!important;margin-bottom:19px!important}.new5-official-kicker{font-size:9.5px!important;letter-spacing:1.1px!important;gap:7px!important;margin-bottom:10px!important;white-space:normal!important;word-break:break-all!important;padding-right:50px!important}.new5-official-kicker span{width:10px!important;height:10px!important;min-width:10px!important;box-shadow:0 0 0 4px rgba(255,36,55,.11)!important}.new5-official-dialog h2{font-size:27px!important;line-height:1.23!important;letter-spacing:-.4px!important;margin-bottom:11px!important;padding-right:2px!important}.new5-official-description{font-size:16px!important;line-height:1.42!important;padding-right:2px!important}.new5-official-hero-art{height:160px!important;margin:9px auto -3px!important;transform:scale(.64)!important;transform-origin:center!important}.new5-official-main-card{min-height:78px!important;margin-bottom:12px!important;grid-template-columns:52px minmax(0,1fr) 48px!important;gap:12px!important;padding:11px 12px!important;border-radius:14px!important}.new5-official-main-icon{width:52px!important;height:52px!important}.new5-official-main-icon svg{width:30px!important;height:30px!important}.new5-official-main-copy{gap:5px!important}.new5-official-main-copy small{font-size:9px!important;letter-spacing:1.2px!important}.new5-official-main-copy strong{font-size:16px!important}.new5-official-main-action,.new5-official-download-action{width:48px!important;height:48px!important;border-radius:12px!important}.new5-official-main-action svg{width:26px!important;height:26px!important}.new5-official-download-action svg{width:23px!important;height:23px!important}.new5-official-qr-card-rich{grid-template-columns:112px minmax(0,1fr)!important;gap:13px!important;margin-bottom:14px!important;padding:13px!important;border-radius:14px!important}.new5-official-qr-box{width:112px!important;height:112px!important;padding:7px!important}.new5-official-qr-box img{width:98px!important;height:98px!important}.new5-official-qr-copy>small{font-size:8px!important;letter-spacing:.9px!important;gap:7px!important;margin-bottom:8px!important}.new5-qr-corners{width:18px!important;height:18px!important;flex-basis:18px!important;background:linear-gradient(#ffc20d 0 0) left top/7px 2px no-repeat,linear-gradient(#ffc20d 0 0) left top/2px 7px no-repeat,linear-gradient(#ffc20d 0 0) right top/7px 2px no-repeat,linear-gradient(#ffc20d 0 0) right top/2px 7px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/7px 2px no-repeat,linear-gradient(#ffc20d 0 0) left bottom/2px 7px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/7px 2px no-repeat,linear-gradient(#ffc20d 0 0) right bottom/2px 7px no-repeat!important}.new5-official-qr-copy>strong{font-size:12px!important;line-height:1.35!important;margin-bottom:10px!important}.new5-official-save-qr{min-height:38px!important;padding:0 11px!important;gap:7px!important;font-size:11px!important;border-radius:10px!important}.new5-official-save-qr svg{width:16px!important;height:16px!important}.new5-qr-phone-wrap{display:none!important}.new5-official-footer-row{min-height:62px!important;padding:9px 12px!important;gap:10px!important;border-radius:14px!important}.new5-official-never{font-size:11px!important;gap:8px!important}.new5-official-checkmark{width:24px!important;height:24px!important;border-radius:7px!important}.new5-official-never input:checked+.new5-official-checkmark:after{left:7px!important;top:3px!important;width:6px!important;height:12px!important;border-width:0 3px 3px 0!important}.new5-official-footer-actions{gap:9px!important}.new5-official-footer-actions .new5-official-dismiss{font-size:11px!important}.new5-official-footer-actions i{height:21px!important}.new5-official-footer-actions small{font-size:10px!important} } @media(max-width:380px){.new5-official-dialog{padding-left:14px!important;padding-right:14px!important}.new5-official-dialog h2{font-size:24px!important}.new5-official-description{font-size:14px!important}.new5-official-main-card{grid-template-columns:46px minmax(0,1fr) 42px!important;gap:9px!important}.new5-official-main-icon{width:46px!important;height:46px!important}.new5-official-main-action,.new5-official-download-action{width:42px!important;height:42px!important}.new5-official-main-copy strong{font-size:14px!important}.new5-official-qr-card-rich{grid-template-columns:98px minmax(0,1fr)!important}.new5-official-qr-box{width:98px!important;height:98px!important}.new5-official-qr-box img{width:84px!important;height:84px!important}.new5-official-footer-row{align-items:flex-start!important;flex-direction:column!important;padding:11px 12px!important}.new5-official-footer-actions{width:100%!important;justify-content:flex-end!important}} @media(prefers-reduced-motion:reduce){.new5-bookmark-card-3d,.new5-orbit-ring,.new5-spark,.new5-qr-phone,.new5-qr-phone span{animation:none!important}} /* v8.40 premium gold mirror links screen */ .new5-connection-screen{position:fixed!important;inset:0!important;z-index:99999!important;display:none;overflow-y:auto;overflow-x:hidden;background:radial-gradient(circle at 50% 0,#1b1201 0,rgba(13,10,4,.55) 18%,rgba(4,4,5,.93) 52%,#020202 100%)!important} .new5-connection-screen::before,.new5-connection-screen::after{content:"";position:fixed;pointer-events:none;z-index:0;opacity:.92} .new5-connection-screen::before{top:-120px;left:-140px;width:420px;height:360px;border-radius:50%;background:radial-gradient(circle at 70% 70%, rgba(255,191,51,.46), rgba(255,191,51,.16) 22%, rgba(255,191,51,0) 54%);filter:blur(12px)} .new5-connection-screen::after{right:-150px;bottom:-120px;width:460px;height:380px;border-radius:50%;background:radial-gradient(circle at 30% 30%, rgba(255,191,51,.30), rgba(255,191,51,.08) 26%, rgba(255,191,51,0) 58%);filter:blur(10px)} .new5-connection-screen.is-visible{display:block!important} body.new5-connection-locked{overflow:hidden!important} .new5-mirror-shell{position:relative;z-index:1;width:min(930px,calc(100vw - 34px));margin:40px auto 34px;padding:24px 0 30px;text-align:center;color:#f3f2ee} .new5-mirror-orb{position:absolute;border-radius:50%;pointer-events:none;opacity:.55;filter:blur(6px)} .new5-mirror-orb-left{left:-70px;top:110px;width:230px;height:230px;border:1px solid rgba(255,191,51,.28);border-left:0;border-bottom:0;box-shadow:0 0 0 1px rgba(255,191,51,.08) inset} .new5-mirror-orb-right{right:-70px;bottom:220px;width:260px;height:260px;border:1px solid rgba(255,191,51,.24);border-right:0;border-top:0;box-shadow:0 0 0 1px rgba(255,191,51,.08) inset} .new5-mirror-dots{position:absolute;width:58px;height:106px;opacity:.28;background-image:radial-gradient(circle, rgba(255,192,52,.8) 1.3px, transparent 1.6px);background-size:14px 14px;pointer-events:none} .new5-mirror-dots-left{left:26px;bottom:186px}.new5-mirror-dots-right{right:26px;top:308px} .new5-mirror-wifi{width:110px;height:110px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 35% 32%, rgba(255,211,84,.2), rgba(255,196,52,.03) 48%, rgba(15,11,4,.95) 49%)!important;border:2px solid rgba(255,190,39,.9)!important;box-shadow:0 0 0 6px rgba(137,96,14,.16), inset 0 0 26px rgba(255,186,13,.15), 0 0 24px rgba(255,190,39,.32)!important;color:#ffd04c!important} .new5-mirror-wifi::before,.new5-mirror-wifi::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,188,40,.32)} .new5-mirror-wifi::before{inset:-8px}.new5-mirror-wifi::after{inset:-16px;opacity:.4} .new5-mirror-wifi svg{width:54px;height:54px;display:block;fill:currentColor;filter:drop-shadow(0 0 10px rgba(255,205,71,.35))} .new5-mirror-logo{display:block;max-width:min(470px,80vw)!important;max-height:168px!important;width:auto;height:auto;margin:0 auto 12px!important;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))} .new5-mirror-title-wrap{display:flex;align-items:center;justify-content:center;gap:18px;margin:6px 0 18px!important} .new5-mirror-line{display:block;width:min(18vw,140px);height:3px;border-radius:99px;background:linear-gradient(90deg, rgba(255,192,43,0), rgba(255,192,43,.95), rgba(255,192,43,0));box-shadow:0 0 10px rgba(255,192,43,.45)} .new5-mirror-title-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 24px 12px;border-radius:22px;border:2px solid #f0bb1f;background:linear-gradient(180deg, rgba(18,16,10,.86), rgba(6,6,6,.93));box-shadow:0 0 0 1px rgba(255,214,101,.18) inset, 0 0 18px rgba(255,184,22,.24)} .new5-mirror-title-pill strong{font-size:27px;line-height:1;color:#f5f4ef;font-weight:800;letter-spacing:-.02em}.new5-mirror-title-pill em{font-style:normal;font-size:30px;line-height:1;color:#f0bc29;font-weight:800;letter-spacing:-.02em} .new5-mirror-intro,.new5-mirror-network{max-width:740px;margin-left:auto!important;margin-right:auto!important;color:#dedee4;font-size:20px;line-height:1.34}.new5-mirror-intro{margin-bottom:16px!important}.new5-mirror-dns{max-width:760px;margin:0 auto!important;display:flex;flex-direction:column;gap:4px;color:#dadce0!important;box-sizing:border-box}.new5-mirror-dns-copy{margin:0!important;color:#dadce0!important;font-size:20px!important;line-height:1.5!important;text-align:left}.new5-mirror-dns-links{margin:0!important;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 10px;font-size:20px!important;line-height:1.5!important}.new5-mirror-dns-links a{color:#f0bc28!important;text-decoration:underline!important;text-underline-offset:2px}.new5-mirror-dns-links a:hover,.new5-mirror-dns-links a:focus{color:#ffd45b!important;outline:0}.new5-mirror-dns-links span{color:#aea073} .new5-mirror-links{display:flex;flex-direction:column;gap:13px;align-items:center;margin:0 0 18px} .new5-mirror-link-card{width:min(600px,calc(100vw - 62px));min-height:74px;padding:10px 14px 10px 18px;display:flex;align-items:center;gap:18px;text-decoration:none!important;border-radius:20px;border:2px solid rgba(245,186,27,.96);background:linear-gradient(180deg, rgba(16,15,11,.96), rgba(7,7,8,.96));box-shadow:0 0 0 1px rgba(255,215,103,.12) inset, 0 0 18px rgba(245,186,27,.18)} .new5-mirror-link-card:hover,.new5-mirror-link-card:focus{transform:translateY(-1px);box-shadow:0 0 0 1px rgba(255,215,103,.18) inset, 0 0 26px rgba(245,186,27,.3);outline:0} .new5-mirror-link-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex:0 0 54px;background:radial-gradient(circle at 30% 30%, #6f5718, #231b07 68%);box-shadow:inset 0 0 0 1px rgba(255,215,103,.14), 0 0 14px rgba(245,186,27,.18);color:#efbf2b}.new5-mirror-link-icon svg{width:28px;height:28px;fill:currentColor} .new5-mirror-link-card strong{flex:1;text-align:left;color:#fff;font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.02em} .new5-mirror-link-arrow{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;flex:0 0 58px;background:linear-gradient(180deg, rgba(97,74,12,.95), rgba(74,56,9,.95));color:#f8c62a;box-shadow:inset 0 0 0 1px rgba(255,220,114,.12)}.new5-mirror-link-arrow svg{width:32px;height:32px;fill:currentColor} .new5-mirror-network{margin-top:4px!important;margin-bottom:2px!important;text-align:left;max-width:760px;padding:0 8px;box-sizing:border-box} .new5-mirror-status-box{width:min(812px,calc(100vw - 62px));margin:30px auto 22px;padding:24px 24px 22px;display:flex;align-items:center;gap:24px;border-radius:28px;border:2px solid rgba(245,186,27,.96);background:linear-gradient(180deg, rgba(19,16,10,.9), rgba(8,8,8,.96));box-shadow:0 0 0 1px rgba(255,215,103,.1) inset, 0 0 22px rgba(245,186,27,.16);text-align:left;position:relative;overflow:hidden} .new5-mirror-status-box::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(255,198,40,.10) 0 9%, rgba(255,198,40,0) 9% 100%);pointer-events:none} .new5-mirror-status-icon{width:136px;display:grid;place-items:center;align-self:stretch;border-right:1px solid rgba(255,191,51,.38);padding-right:20px;color:#efbc28}.new5-mirror-status-icon svg{width:82px;height:82px;fill:currentColor;filter:drop-shadow(0 0 10px rgba(245,186,27,.25))} .new5-mirror-status-copy h3{margin:0 0 8px!important;color:#f1be2b!important;font-size:28px!important;line-height:1.12!important;font-weight:800!important}.new5-mirror-status-message{margin:0 0 8px!important;color:#dbdde6!important;font-size:18px!important;line-height:1.45!important}.new5-mirror-status-copy strong{display:block;color:#bcc0cf;font-size:17px;line-height:1.45;font-weight:600} .new5-mirror-footer{display:flex;align-items:center;justify-content:center;gap:16px;color:#aab0bf;font-size:15px;line-height:1.2;opacity:.96;letter-spacing:.02em}.new5-mirror-footer i{width:8px;height:8px;border-radius:50%;background:#f0bc28;display:block;box-shadow:0 0 10px rgba(245,186,27,.42)}.new5-mirror-footer-line{display:block;width:min(18vw,126px);height:2px;border-radius:99px;background:linear-gradient(90deg, rgba(255,192,43,0), rgba(255,192,43,.9), rgba(255,192,43,0))} @media (max-width:900px){.new5-mirror-shell{width:calc(100vw - 24px);margin-top:28px;padding-bottom:22px}.new5-mirror-logo{max-width:min(360px,78vw)!important;max-height:134px!important}.new5-mirror-title-pill strong{font-size:24px}.new5-mirror-title-pill em{font-size:26px}.new5-mirror-intro,.new5-mirror-network,.new5-mirror-dns-copy,.new5-mirror-dns-links{font-size:18px!important}.new5-mirror-link-card strong{font-size:24px}.new5-mirror-status-copy h3{font-size:24px!important}} @media (max-width:680px){.new5-mirror-shell{width:calc(100vw - 18px);margin-top:18px}.new5-mirror-orb-left{left:-110px;top:80px;width:210px;height:210px}.new5-mirror-orb-right{right:-110px;bottom:180px;width:220px;height:220px}.new5-mirror-dots-left{left:8px;bottom:206px}.new5-mirror-dots-right{right:10px;top:280px}.new5-mirror-wifi{width:90px;height:90px;margin-bottom:14px}.new5-mirror-wifi svg{width:44px;height:44px}.new5-mirror-logo{max-width:min(300px,76vw)!important;max-height:110px!important;margin-bottom:6px!important}.new5-mirror-title-wrap{gap:10px;margin-bottom:14px!important}.new5-mirror-line{width:48px;height:2px}.new5-mirror-title-pill{padding:9px 16px 10px;border-radius:18px;gap:7px}.new5-mirror-title-pill strong{font-size:17px}.new5-mirror-title-pill em{font-size:19px}.new5-mirror-intro,.new5-mirror-network{max-width:100%;font-size:15.5px;line-height:1.35;padding:0 12px}.new5-mirror-dns{max-width:100%;padding:0 12px;gap:6px}.new5-mirror-dns-copy,.new5-mirror-dns-links{font-size:15px!important;line-height:1.42!important}.new5-mirror-dns-copy{padding:0 4px;text-align:center}.new5-mirror-dns-links{justify-content:center;text-align:center}.new5-mirror-link-card{width:calc(100vw - 34px);min-height:62px;border-radius:16px;padding:8px 10px 8px 12px;gap:12px}.new5-mirror-link-icon{width:44px;height:44px;flex-basis:44px}.new5-mirror-link-icon svg{width:22px;height:22px}.new5-mirror-link-card strong{font-size:16px}.new5-mirror-link-arrow{width:44px;height:44px;flex-basis:44px;border-radius:12px}.new5-mirror-link-arrow svg{width:22px;height:22px}.new5-mirror-network{text-align:center}.new5-mirror-status-box{width:calc(100vw - 34px);padding:16px 16px 15px;gap:14px;border-radius:18px}.new5-mirror-status-icon{width:70px;padding-right:14px}.new5-mirror-status-icon svg{width:50px;height:50px}.new5-mirror-status-copy h3{font-size:17px!important;margin-bottom:6px!important}.new5-mirror-status-message{font-size:14px!important;line-height:1.4!important}.new5-mirror-status-copy strong{font-size:13px;line-height:1.35}.new5-mirror-footer{font-size:12px;gap:8px;flex-wrap:nowrap}.new5-mirror-footer i{width:6px;height:6px}.new5-mirror-footer-line{width:34px}} /* v8.41 — all WordPress category pages: exact reference heading treatment. */ body.new5-home-ui h2.new5-category-reference-title{ display:flex!important; align-items:center!important; min-height:32px!important; margin:0 0 10px!important; padding:5px 7px!important; border-radius:0!important; background:#141414!important; color:#fff!important; font-family:'Open Sans',Arial,sans-serif!important; font-size:18px!important; font-weight:700!important; line-height:22px!important; } body.new5-home-ui h2.new5-category-reference-title .new5-title-icon.new5-title-icon-image{ display:inline-flex!important; flex:0 0 18px!important; width:18px!important; height:22px!important; min-width:18px!important; min-height:22px!important; margin:0 8px 0 0!important; padding:0!important; align-items:center!important; justify-content:center!important; vertical-align:middle!important; } body.new5-home-ui h2.new5-category-reference-title .new5-title-icon.new5-title-icon-image img{ display:block!important; width:18px!important; height:22px!important; min-width:18px!important; min-height:22px!important; max-width:18px!important; max-height:22px!important; margin:0!important; padding:0!important; object-fit:contain!important; } body.new5-home-ui h2.new5-category-reference-title .material-text{ position:static!important; top:auto!important; left:auto!important; margin:0!important; padding:0!important; color:#fff!important; font-size:18px!important; font-weight:700!important; line-height:22px!important; letter-spacing:0!important; white-space:normal!important; } @media(max-width:767px){ body.new5-home-ui h2.new5-category-reference-title{ min-height:32px!important; padding:5px 7px!important; font-size:18px!important; line-height:22px!important; } body.new5-home-ui h2.new5-category-reference-title .material-text{ font-size:18px!important; line-height:22px!important; } } /* v8.43 — reference-style Search Results heading + results state. */ body.new5-home-ui h2.new5-search-reference-title{ display:flex!important; align-items:center!important; width:100%!important; min-height:52px!important; margin:0 0 12px!important; padding:10px 12px!important; background:#141414!important; border:0!important; border-radius:2px!important; color:#fff!important; box-shadow:none!important; font-family:'Open Sans',Arial,sans-serif!important; text-align:left!important; } body.new5-home-ui h2.new5-search-reference-title .new5-title-icon.new5-title-icon-image{ flex:0 0 18px!important; width:18px!important; height:22px!important; margin:0 9px 0 0!important; padding:0!important; } body.new5-home-ui h2.new5-search-reference-title .new5-title-icon.new5-title-icon-image img{ display:block!important; width:18px!important; height:22px!important; object-fit:contain!important; margin:0!important; } body.new5-home-ui h2.new5-search-reference-title .material-text{ display:block!important; position:static!important; margin:0!important; padding:0!important; color:#fff!important; font-size:19px!important; font-weight:700!important; line-height:1.25!important; letter-spacing:0!important; } body.new5-home-ui h2.new5-search-reference-title .new5-search-prefix, body.new5-home-ui h2.new5-search-reference-title .new5-search-query{ color:#fff!important; font:inherit!important; } body.new5-home-ui .new5-search-reference-title + .new5-listing-grid{ margin-top:0!important; } body.new5-home-ui .new5-empty-state{ min-height:210px!important; display:flex!important; flex-direction:column!important; align-items:center!important; justify-content:center!important; } @media(max-width:767px){ body.new5-home-ui h2.new5-search-reference-title{ min-height:48px!important; margin-bottom:8px!important; padding:9px 9px!important; } body.new5-home-ui h2.new5-search-reference-title .material-text{ font-size:16px!important; line-height:1.25!important; } body.new5-home-ui h2.new5-search-reference-title .new5-title-icon.new5-title-icon-image{ width:17px!important;height:20px!important;flex-basis:17px!important;margin-right:8px!important; } body.new5-home-ui h2.new5-search-reference-title .new5-title-icon.new5-title-icon-image img{ width:17px!important;height:20px!important; } } /* v8.45 — COMPACT RESPONSIVE OFFICIAL POPUP SIZE ONLY.
   Keeps the v8.38 rich design/animation, but restores the smaller popup footprint. */ @media (min-width:901px){ .new5-official-notice{padding:20px!important} .new5-official-dialog{ width:min(620px,calc(100vw - 40px))!important; max-height:calc(100dvh - 40px)!important; padding:26px 28px 24px!important; border-radius:22px!important; } .new5-official-close{right:18px!important;top:18px!important;width:44px!important;height:44px!important;border-radius:12px!important} .new5-official-close svg{width:21px!important;height:21px!important} .new5-official-top-icon{width:56px!important;height:56px!important;margin-bottom:18px!important;border-radius:14px!important} .new5-official-top-icon svg{width:28px!important;height:28px!important} .new5-official-hero-row{grid-template-columns:minmax(0,1fr) 170px!important;gap:18px!important;margin-bottom:18px!important} .new5-official-kicker{font-size:9.5px!important;letter-spacing:1.25px!important;gap:7px!important;margin-bottom:9px!important} .new5-official-kicker span{width:10px!important;height:10px!important;min-width:10px!important;box-shadow:0 0 0 4px rgba(255,36,55,.11)!important} .new5-official-dialog h2{font-size:28px!important;line-height:1.22!important;letter-spacing:-.45px!important;margin-bottom:9px!important;max-width:360px!important} .new5-official-description{font-size:15px!important;line-height:1.4!important;max-width:360px!important} .new5-official-hero-art{height:138px!important;transform:scale(.55)!important;transform-origin:center!important} .new5-official-main-card{min-height:72px!important;margin-bottom:10px!important;grid-template-columns:48px minmax(0,1fr) 42px!important;gap:11px!important;padding:9px 11px!important;border-radius:13px!important} .new5-official-main-icon{width:48px!important;height:48px!important} .new5-official-main-icon svg{width:27px!important;height:27px!important} .new5-official-main-copy{gap:4px!important} .new5-official-main-copy small{font-size:8.5px!important;letter-spacing:1.1px!important} .new5-official-main-copy strong{font-size:15px!important} .new5-official-main-action,.new5-official-download-action{width:42px!important;height:42px!important;border-radius:11px!important} .new5-official-main-action svg{width:23px!important;height:23px!important} .new5-official-download-action svg{width:21px!important;height:21px!important} .new5-official-qr-card-rich{grid-template-columns:102px minmax(0,1fr) 72px!important;gap:12px!important;margin-bottom:10px!important;padding:11px!important;border-radius:13px!important} .new5-official-qr-box{width:102px!important;height:102px!important;padding:6px!important} .new5-official-qr-box img{width:90px!important;height:90px!important} .new5-official-qr-copy>small{font-size:7.5px!important;letter-spacing:.85px!important;gap:6px!important;margin-bottom:6px!important} .new5-qr-corners{width:17px!important;height:17px!important;flex-basis:17px!important} .new5-official-qr-copy>strong{font-size:11px!important;line-height:1.35!important;margin-bottom:8px!important} .new5-official-save-qr{min-height:34px!important;padding:0 9px!important;gap:6px!important;font-size:10px!important;border-radius:8px!important} .new5-official-save-qr svg{width:14px!important;height:14px!important} .new5-qr-phone-wrap{width:70px!important;height:96px!important;transform:scale(.58)!important;transform-origin:center right!important} .new5-official-footer-row{min-height:50px!important;padding:7px 10px!important;border-radius:12px!important} .new5-official-never{font-size:10px!important;gap:7px!important} .new5-official-checkmark{width:21px!important;height:21px!important;border-radius:6px!important} .new5-official-footer-actions{gap:8px!important} .new5-official-footer-actions .new5-official-dismiss{font-size:10px!important} .new5-official-footer-actions i{height:19px!important} .new5-official-footer-actions small{font-size:9px!important} } @media (min-width:601px) and (max-width:900px){ .new5-official-notice{padding:16px!important} .new5-official-dialog{ width:min(540px,calc(100vw - 32px))!important; max-height:calc(100dvh - 32px)!important; padding:24px 24px 22px!important; border-radius:21px!important; } .new5-official-close{right:16px!important;top:16px!important;width:42px!important;height:42px!important;border-radius:11px!important} .new5-official-close svg{width:20px!important;height:20px!important} .new5-official-top-icon{width:54px!important;height:54px!important;margin-bottom:17px!important;border-radius:13px!important} .new5-official-top-icon svg{width:27px!important;height:27px!important} .new5-official-hero-row{grid-template-columns:minmax(0,1fr) 150px!important;gap:16px!important;margin-bottom:16px!important} .new5-official-kicker{font-size:9px!important;letter-spacing:1.1px!important;gap:6px!important;margin-bottom:8px!important} .new5-official-kicker span{width:9px!important;height:9px!important;min-width:9px!important} .new5-official-dialog h2{font-size:25px!important;line-height:1.22!important;margin-bottom:8px!important} .new5-official-description{font-size:14px!important;line-height:1.4!important} .new5-official-hero-art{height:126px!important;transform:scale(.5)!important;transform-origin:center!important} .new5-official-main-card{min-height:68px!important;margin-bottom:9px!important;grid-template-columns:46px minmax(0,1fr) 40px!important;gap:10px!important;padding:8px 10px!important;border-radius:12px!important} .new5-official-main-icon{width:46px!important;height:46px!important}.new5-official-main-icon svg{width:26px!important;height:26px!important} .new5-official-main-copy{gap:4px!important}.new5-official-main-copy small{font-size:8px!important;letter-spacing:1px!important}.new5-official-main-copy strong{font-size:14px!important} .new5-official-main-action,.new5-official-download-action{width:40px!important;height:40px!important;border-radius:10px!important} .new5-official-main-action svg{width:22px!important;height:22px!important}.new5-official-download-action svg{width:20px!important;height:20px!important} .new5-official-qr-card-rich{grid-template-columns:96px minmax(0,1fr) 64px!important;gap:10px!important;margin-bottom:9px!important;padding:10px!important;border-radius:12px!important} .new5-official-qr-box{width:96px!important;height:96px!important;padding:6px!important}.new5-official-qr-box img{width:84px!important;height:84px!important} .new5-official-qr-copy>small{font-size:7px!important;letter-spacing:.8px!important;gap:5px!important;margin-bottom:5px!important}.new5-qr-corners{width:16px!important;height:16px!important;flex-basis:16px!important} .new5-official-qr-copy>strong{font-size:10px!important;line-height:1.32!important;margin-bottom:7px!important}.new5-official-save-qr{min-height:32px!important;padding:0 8px!important;font-size:9px!important;border-radius:8px!important}.new5-official-save-qr svg{width:13px!important;height:13px!important} .new5-qr-phone-wrap{width:62px!important;height:88px!important;transform:scale(.54)!important;transform-origin:center right!important} .new5-official-footer-row{min-height:48px!important;padding:7px 9px!important;border-radius:11px!important}.new5-official-never{font-size:9.5px!important;gap:6px!important}.new5-official-checkmark{width:20px!important;height:20px!important}.new5-official-footer-actions{gap:7px!important}.new5-official-footer-actions .new5-official-dismiss{font-size:9.5px!important}.new5-official-footer-actions small{font-size:8.5px!important} } @media (max-width:600px){ .new5-official-notice{padding:12px!important} .new5-official-dialog{ width:min(420px,calc(100vw - 24px))!important; max-height:calc(100dvh - 24px)!important; padding:18px 15px 16px!important; border-radius:18px!important; } .new5-official-close{right:12px!important;top:12px!important;width:38px!important;height:38px!important;border-radius:10px!important} .new5-official-close svg{width:18px!important;height:18px!important} .new5-official-top-icon{width:48px!important;height:48px!important;margin-bottom:15px!important;border-radius:12px!important}.new5-official-top-icon svg{width:24px!important;height:24px!important} .new5-official-hero-row{display:block!important;margin-bottom:13px!important} .new5-official-kicker{font-size:8px!important;letter-spacing:.85px!important;gap:5px!important;margin-bottom:7px!important;padding-right:40px!important} .new5-official-kicker span{width:8px!important;height:8px!important;min-width:8px!important} .new5-official-dialog h2{font-size:22px!important;line-height:1.2!important;letter-spacing:-.25px!important;margin-bottom:7px!important} .new5-official-description{font-size:13px!important;line-height:1.36!important} .new5-official-hero-art{height:112px!important;margin:4px auto -6px!important;transform:scale(.46)!important;transform-origin:center!important} .new5-official-main-card{min-height:62px!important;margin-bottom:8px!important;grid-template-columns:42px minmax(0,1fr) 36px!important;gap:8px!important;padding:7px 8px!important;border-radius:11px!important} .new5-official-main-icon{width:42px!important;height:42px!important}.new5-official-main-icon svg{width:24px!important;height:24px!important} .new5-official-main-copy{gap:3px!important}.new5-official-main-copy small{font-size:7.5px!important;letter-spacing:.8px!important}.new5-official-main-copy strong{font-size:13px!important} .new5-official-main-action,.new5-official-download-action{width:36px!important;height:36px!important;border-radius:9px!important}.new5-official-main-action svg{width:20px!important;height:20px!important}.new5-official-download-action svg{width:18px!important;height:18px!important} .new5-official-qr-card-rich{grid-template-columns:86px minmax(0,1fr)!important;gap:9px!important;margin-bottom:9px!important;padding:9px!important;border-radius:11px!important} .new5-official-qr-box{width:86px!important;height:86px!important;padding:5px!important}.new5-official-qr-box img{width:76px!important;height:76px!important} .new5-official-qr-copy>small{font-size:6.5px!important;letter-spacing:.65px!important;gap:5px!important;margin-bottom:4px!important}.new5-qr-corners{width:14px!important;height:14px!important;flex-basis:14px!important} .new5-official-qr-copy>strong{font-size:9px!important;line-height:1.28!important;margin-bottom:6px!important}.new5-official-save-qr{min-height:29px!important;padding:0 7px!important;gap:5px!important;font-size:8.5px!important;border-radius:7px!important}.new5-official-save-qr svg{width:12px!important;height:12px!important} .new5-qr-phone-wrap{display:none!important} .new5-official-footer-row{min-height:44px!important;padding:6px 8px!important;gap:7px!important;border-radius:10px!important}.new5-official-never{font-size:8.5px!important;gap:5px!important}.new5-official-checkmark{width:18px!important;height:18px!important;border-radius:5px!important}.new5-official-footer-actions{gap:6px!important}.new5-official-footer-actions .new5-official-dismiss{font-size:8.5px!important}.new5-official-footer-actions i{height:17px!important}.new5-official-footer-actions small{font-size:8px!important} } /* v8.47 — every Category: supplied folder icon + category name only. */ body.category.new5-home-ui h2.new5-category-folder-title .new5-title-icon.new5-title-icon-image{ display:inline-flex!important; flex:0 0 23px!important; width:23px!important; height:18px!important; min-width:23px!important; min-height:18px!important; margin:0 7px 0 0!important; padding:0!important; align-items:center!important; justify-content:center!important; } body.category.new5-home-ui h2.new5-category-folder-title .new5-title-icon.new5-title-icon-image img{ display:block!important; width:23px!important; height:18px!important; min-width:23px!important; min-height:18px!important; max-width:23px!important; max-height:18px!important; margin:0!important; padding:0!important; object-fit:contain!important; } body.category.new5-home-ui h2.new5-category-folder-title .material-text{ color:#fff!important; font-size:18px!important; font-weight:700!important; line-height:22px!important; } /* v8.48 FINAL CLEAN: obsolete override layers removed; approved final rules retained. */ /* v8.51 — pagination colors: approved blue active state, reference orange only on hover/focus. */ .new5-pagination .pagination>li .current{ z-index:3!important; background:#1a73e8!important; border-color:#1a73e8!important; color:#fff!important; cursor:default!important; } .new5-pagination .pagination>li>a:hover, .new5-pagination .pagination>li>a:focus, .new5-pagination .pagination>li>a:active{ z-index:4!important; color:#fff!important; background:linear-gradient(135deg,#ff7a00 0%,#ef5a00 100%)!important; border-color:#fff!important; text-decoration:none!important; } /* v8.53 FINAL POPUP — approved mobile layout used identically on desktop, tablet and mobile. */ .new5-official-notice{ padding:12px!important; place-items:center!important; } .new5-official-dialog{ width:min(420px,calc(100vw - 24px))!important; max-width:420px!important; max-height:calc(100dvh - 24px)!important; padding:18px 15px 16px!important; border-radius:18px!important; overflow:auto!important; } .new5-official-close{ right:12px!important;top:12px!important; width:38px!important;height:38px!important; border-radius:10px!important; } .new5-official-close svg{width:18px!important;height:18px!important} .new5-official-top-icon{ width:48px!important;height:48px!important; margin-bottom:15px!important;border-radius:12px!important; } .new5-official-top-icon svg{width:24px!important;height:24px!important} .new5-official-hero-row{ display:block!important; grid-template-columns:none!important; gap:0!important; margin-bottom:13px!important; } .new5-official-kicker{ font-size:8px!important;letter-spacing:.85px!important; gap:5px!important;margin-bottom:7px!important; padding-right:40px!important;white-space:normal!important; word-break:break-word!important; } .new5-official-kicker span{ width:8px!important;height:8px!important;min-width:8px!important; } .new5-official-dialog h2{ font-size:22px!important;line-height:1.2!important; letter-spacing:-.25px!important;margin-bottom:7px!important; max-width:none!important; } .new5-official-description{ font-size:13px!important;line-height:1.36!important; } .new5-official-hero-art{ height:112px!important; margin:4px auto -6px!important; transform:scale(.46)!important; transform-origin:center!important; } .new5-official-main-card{ min-height:62px!important;margin-bottom:8px!important; grid-template-columns:42px minmax(0,1fr) 36px!important; gap:8px!important;padding:7px 8px!important; border-radius:11px!important; } .new5-official-main-icon{ width:42px!important;height:42px!important; } .new5-official-main-icon svg{width:24px!important;height:24px!important} .new5-official-main-copy{gap:3px!important} .new5-official-main-copy small{ font-size:7.5px!important;letter-spacing:.8px!important; } .new5-official-main-copy strong{ font-size:13px!important;line-height:1.2!important; white-space:normal!important;overflow-wrap:anywhere!important; } .new5-official-main-action,.new5-official-download-action{ width:36px!important;height:36px!important; border-radius:9px!important; } .new5-official-main-action svg{width:20px!important;height:20px!important} .new5-official-download-action svg{width:18px!important;height:18px!important} .new5-official-qr-card-rich{ grid-template-columns:86px minmax(0,1fr)!important; gap:9px!important;margin-bottom:9px!important; padding:9px!important;border-radius:11px!important; } .new5-official-qr-box{ width:86px!important;height:86px!important;padding:5px!important; } .new5-official-qr-box img{ width:76px!important;height:76px!important; } .new5-official-qr-copy>small{ font-size:6.5px!important;letter-spacing:.65px!important; gap:5px!important;margin-bottom:4px!important; } .new5-qr-corners{ width:14px!important;height:14px!important;flex-basis:14px!important; } .new5-official-qr-copy>strong{ font-size:9px!important;line-height:1.28!important; margin-bottom:6px!important; } .new5-official-save-qr{ min-height:29px!important;padding:0 7px!important; gap:5px!important;font-size:8.5px!important; border-radius:7px!important; } .new5-official-save-qr svg{width:12px!important;height:12px!important} .new5-qr-phone-wrap{display:none!important} .new5-official-footer-row{ min-height:44px!important;padding:6px 8px!important; gap:7px!important;border-radius:10px!important; flex-direction:row!important;align-items:center!important; justify-content:space-between!important; } .new5-official-never{ font-size:8.5px!important;gap:5px!important; } .new5-official-checkmark{ width:18px!important;height:18px!important;border-radius:5px!important; } .new5-official-footer-actions{ gap:6px!important;width:auto!important;justify-content:flex-end!important; } .new5-official-footer-actions .new5-official-dismiss{font-size:8.5px!important} .new5-official-footer-actions i{height:17px!important} .new5-official-footer-actions small{font-size:8px!important} /* Preserve fit on very narrow phones without changing the approved look. */ @media(max-width:380px){ .new5-official-dialog{width:calc(100vw - 16px)!important;padding-left:12px!important;padding-right:12px!important} .new5-official-dialog h2{font-size:20px!important} .new5-official-description{font-size:12px!important} .new5-official-main-card{grid-template-columns:38px minmax(0,1fr) 34px!important;gap:7px!important} .new5-official-main-icon{width:38px!important;height:38px!important} .new5-official-main-action,.new5-official-download-action{width:34px!important;height:34px!important} .new5-official-main-copy strong{font-size:12px!important} .new5-official-qr-card-rich{grid-template-columns:80px minmax(0,1fr)!important;gap:7px!important} .new5-official-qr-box{width:80px!important;height:80px!important} .new5-official-qr-box img{width:70px!important;height:70px!important} .new5-official-never{font-size:8px!important} } /* v8.54 — keep the animated bookmark/Save Now art in the approved upper position on every device. */ .new5-official-hero-art{ position:relative!important; top:-18px!important; margin:4px auto -22px!important; } @media(max-width:380px){ .new5-official-hero-art{top:-14px!important;margin:4px auto -18px!important;} } /* v8.55 — real user-initiated website save/bookmark flow. */ .new5-official-top-icon[data-new5-save-site],.new5-official-hero-art[data-new5-save-site]{cursor:pointer!important;outline:none!important} .new5-official-top-icon[data-new5-save-site]:hover,.new5-official-top-icon[data-new5-save-site]:focus-visible{box-shadow:0 0 0 2px rgba(255,193,7,.24),0 0 18px rgba(255,193,7,.22)!important} .new5-official-hero-art[data-new5-save-site]:focus-visible{filter:drop-shadow(0 0 8px rgba(255,193,7,.28))!important} .new5-bookmark-helper{display:block;position:absolute;left:50%;bottom:12px;z-index:25;width:calc(100% - 28px);max-width:390px;padding:9px 11px;transform:translate(-50%,8px);opacity:0;visibility:hidden;pointer-events:none;border:1px solid rgba(242,185,10,.62);border-radius:9px;background:rgba(27,22,7,.97);box-shadow:0 8px 28px rgba(0,0,0,.42);color:#f5c51c;font-size:10px;font-weight:700;line-height:1.35;text-align:center;transition:opacity .18s ease,transform .18s ease,visibility .18s ease} .new5-bookmark-helper.is-visible{opacity:1;visibility:visible;transform:translate(-50%,0)} @media(max-width:520px){.new5-bookmark-helper{bottom:9px;width:calc(100% - 22px);font-size:9.5px;padding:8px 9px}} /* v8.57 — reference-matched popup notice/title with bookmark icon beside the heading. */ .new5-official-dialog{ padding-top:18px!important; } .new5-official-top-icon{ position:absolute!important; top:50px!important; right:15px!important; width:38px!important; height:38px!important; margin:0!important; border-radius:10px!important; z-index:7!important; } .new5-official-top-icon svg{ width:19px!important; height:19px!important; } .new5-official-hero-row{ margin-top:0!important; } .new5-official-hero-copy{ min-width:0!important; padding:0!important; } .new5-official-kicker{ display:flex!important; align-items:center!important; gap:7px!important; max-width:245px!important; margin:1px 0 8px!important; padding:0!important; color:#8d9098!important; font-family:Arial,Helvetica,sans-serif!important; font-size:10px!important; font-weight:700!important; letter-spacing:1.35px!important; line-height:1!important; text-transform:uppercase!important; white-space:normal!important; word-break:break-word!important; } .new5-official-kicker span{ width:9px!important; height:9px!important; min-width:9px!important; border-radius:50%!important; background:#e83a45!important; box-shadow:0 0 0 4px rgba(232,58,69,.13)!important; } .new5-official-dialog h2{ max-width:235px!important; margin:0 0 8px!important; padding:0!important; color:#f1f1f3!important; font-family:Arial,Helvetica,sans-serif!important; font-size:22px!important; font-weight:700!important; line-height:1.28!important; letter-spacing:-.35px!important; text-align:left!important; text-shadow:none!important; } .new5-official-dialog h2 em{ color:#ff4b18!important; font-family:Georgia,'Times New Roman',serif!important; font-style:italic!important; font-weight:400!important; } .new5-official-description{ margin-top:0!important; } @media(max-width:380px){ .new5-official-top-icon{ top:48px!important; right:12px!important; width:36px!important; height:36px!important; } .new5-official-top-icon svg{width:18px!important;height:18px!important} .new5-official-kicker{font-size:9.5px!important;letter-spacing:1.2px!important;max-width:225px!important} .new5-official-dialog h2{font-size:21px!important;max-width:225px!important;line-height:1.28!important} } /* v8.58 — connection/mirror overlay: obscure the loaded site underneath. */ .new5-connection-screen{ background: radial-gradient(circle at 50% 0,rgba(27,18,1,.96) 0,rgba(10,8,4,.88) 20%,rgba(3,3,4,.91) 54%,rgba(1,1,1,.96) 100%)!important; -webkit-backdrop-filter:blur(16px) brightness(.34) saturate(.72)!important; backdrop-filter:blur(16px) brightness(.34) saturate(.72)!important; overscroll-behavior:contain; } .new5-connection-screen.is-visible{ display:block!important; pointer-events:auto!important; } body.new5-connection-locked{ overflow:hidden!important; overscroll-behavior:none!important; } /* Extra dark veil keeps text/cards from the real page from remaining readable
   on browsers where backdrop-filter is weak or unavailable. */ .new5-connection-screen.is-visible::before{ box-shadow:0 0 0 100vmax rgba(0,0,0,.28); clip-path:inset(-100vmax); } @media (max-width:420px){.new5-mirror-shell{width:calc(100vw - 14px)}.new5-mirror-link-card,.new5-mirror-status-box{width:calc(100vw - 26px)}.new5-mirror-dns-copy,.new5-mirror-dns-links,.new5-mirror-network{word-break:break-word}.new5-mirror-dns-links{gap:0 8px}} /* v8.62 — keep the mobile popup heading/domain line cleaner and raise the Save Now art slightly. */ .new5-official-dialog h2 .new5-official-title-tail{ display:inline-block!important; white-space:nowrap!important; } @media(max-width:520px){ .new5-official-dialog h2{ max-width:calc(100% - 4px)!important; } .new5-official-main-copy strong{ white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; overflow-wrap:normal!important; word-break:normal!important; } .new5-official-hero-art{ top:-28px!important; margin:-8px auto -22px!important; } } @media(max-width:380px){ .new5-official-dialog h2 .new5-official-title-tail{ white-space:normal!important; } .new5-official-hero-art{ top:-22px!important; margin:-6px auto -18px!important; } } /* v8.63 — make the popup top strip match the approved reference: bookmark icon left, close icon right, subtle divider below. */ .new5-official-dialog{ position:relative!important; padding-top:118px!important; } .new5-official-dialog::before{ content:""!important; position:absolute!important; left:18px!important; right:18px!important; top:92px!important; height:1px!important; background:linear-gradient(90deg, rgba(255,255,255,.07), rgba(255,255,255,.03), rgba(255,255,255,.07))!important; pointer-events:none!important; } .new5-official-top-icon{ position:absolute!important; left:18px!important; right:auto!important; top:18px!important; width:50px!important; height:50px!important; margin:0!important; border-radius:14px!important; z-index:7!important; } .new5-official-top-icon svg{ width:24px!important; height:24px!important; } .new5-official-close{ right:18px!important; top:18px!important; width:46px!important; height:46px!important; border-radius:14px!important; } .new5-official-close svg{width:22px!important;height:22px!important} .new5-official-hero-row{ margin-top:0!important; } @media(min-width:768px){ .new5-official-dialog{ padding-top:132px!important; } .new5-official-dialog::before{ left:28px!important; right:28px!important; top:102px!important; } .new5-official-top-icon{ left:28px!important; top:26px!important; width:58px!important; height:58px!important; border-radius:16px!important; } .new5-official-top-icon svg{width:28px!important;height:28px!important} .new5-official-close{ right:28px!important; top:24px!important; width:54px!important; height:54px!important; border-radius:16px!important; } .new5-official-close svg{width:24px!important;height:24px!important} } @media(max-width:520px){ .new5-official-dialog{ padding-top:92px!important; } .new5-official-dialog::before{ left:14px!important; right:14px!important; top:72px!important; } .new5-official-top-icon{ left:14px!important; top:14px!important; width:44px!important; height:44px!important; border-radius:12px!important; } .new5-official-top-icon svg{width:21px!important;height:21px!important} .new5-official-close{ right:14px!important; top:14px!important; width:42px!important; height:42px!important; border-radius:12px!important; } .new5-official-close svg{width:20px!important;height:20px!important} } /* v8.66 — compact reference popup proportions across mobile, tablet and desktop. */ .new5-official-notice{ padding:8px!important; place-items:center!important; } .new5-official-dialog{ width:min(420px,calc(100vw - 8px))!important; max-height:calc(100dvh - 16px)!important; padding:100px 28px 10px!important; border-radius:18px!important; overflow-y:auto!important; overflow-x:hidden!important; background:linear-gradient(180deg,#0d0d13 0%,#0b0b10 100%)!important; border:1px solid #2e3039!important; box-shadow:0 20px 60px rgba(0,0,0,.68)!important; box-sizing:border-box!important; } .new5-official-dialog::before{ left:0!important; right:0!important; top:80px!important; background:rgba(255,255,255,.025)!important; } .new5-official-top-icon{ left:28px!important; top:32px!important; width:46px!important; height:46px!important; border-radius:13px!important; border:1px solid #383a43!important; background:#15151c!important; box-shadow:none!important; color:#f1f1f4!important; } .new5-official-top-icon svg{width:23px!important;height:23px!important} .new5-official-close{ right:12px!important; top:14px!important; width:32px!important; height:32px!important; border-radius:9px!important; border:1px solid #262832!important; background:#15161d!important; color:#777c87!important; box-shadow:none!important; } .new5-official-close svg{width:17px!important;height:17px!important} .new5-official-site-logo{ position:absolute!important; left:50%!important; top:30px!important; transform:translateX(-50%)!important; display:block!important; width:auto!important; height:auto!important; max-width:145px!important; max-height:44px!important; object-fit:contain!important; filter:drop-shadow(0 2px 7px rgba(0,0,0,.5))!important; z-index:6!important; } .new5-official-hero-row{ display:block!important; margin:0 0 24px!important; } .new5-official-hero-copy{padding:0!important;min-width:0!important} .new5-official-kicker{ max-width:none!important; margin:0 0 10px!important; padding:0!important; gap:7px!important; font-size:10px!important; line-height:1!important; letter-spacing:1.35px!important; white-space:nowrap!important; word-break:normal!important; } .new5-official-kicker span{ width:8px!important;height:8px!important;min-width:8px!important; box-shadow:none!important; } .new5-official-dialog h2{ max-width:290px!important; margin:0!important; padding:0!important; font-size:22px!important; line-height:1.28!important; letter-spacing:-.35px!important; font-weight:700!important; } .new5-official-dialog h2 .new5-official-title-tail{ display:inline!important; white-space:normal!important; } .new5-official-hero-art{display:none!important} .new5-official-main-card{ min-height:60px!important; height:60px!important; margin:0 0 10px!important; padding:9px 12px 9px 16px!important; grid-template-columns:minmax(0,1fr) 36px!important; gap:10px!important; border-radius:12px!important; box-sizing:border-box!important; } .new5-official-main-icon{display:none!important} .new5-official-main-copy{gap:3px!important;min-width:0!important} .new5-official-main-copy small{ font-size:9px!important; line-height:1!important; letter-spacing:1.1px!important; } .new5-official-main-copy strong{ font-size:14px!important; line-height:1.1!important; white-space:nowrap!important; overflow:hidden!important; text-overflow:ellipsis!important; overflow-wrap:normal!important; word-break:normal!important; } .new5-official-main-action,.new5-official-download-action{ width:36px!important;height:36px!important; border-radius:9px!important; justify-self:end!important; } .new5-official-main-action svg,.new5-official-download-action svg{width:18px!important;height:18px!important} .new5-official-qr-card-rich{ min-height:138px!important; margin:0 0 10px!important; padding:14px 15px!important; grid-template-columns:88px minmax(0,1fr)!important; gap:13px!important; align-items:center!important; border-radius:12px!important; box-sizing:border-box!important; } .new5-official-qr-box{ width:88px!important;height:88px!important; padding:4px!important; border-radius:5px!important; } .new5-official-qr-box img{width:80px!important;height:80px!important} .new5-official-qr-copy>small{ margin:0 0 6px!important; gap:6px!important; font-size:8px!important; line-height:1!important; letter-spacing:1.1px!important; } .new5-qr-corners{display:none!important} .new5-official-qr-copy>strong{ margin:0 0 10px!important; font-size:11px!important; line-height:1.45!important; font-weight:600!important; } .new5-official-save-qr{ min-height:32px!important; width:max-content!important; max-width:100%!important; padding:0 12px!important; gap:6px!important; border-radius:8px!important; font-size:10px!important; } .new5-official-save-qr svg{width:13px!important;height:13px!important} .new5-qr-phone-wrap{display:none!important} .new5-official-footer-row{ min-height:42px!important; height:42px!important; margin:0!important; padding:0 14px!important; display:flex!important; align-items:center!important; justify-content:space-between!important; border-radius:10px!important; box-sizing:border-box!important; } .new5-official-never{display:none!important} .new5-official-footer-actions{ width:100%!important; display:flex!important; align-items:center!important; justify-content:space-between!important; gap:0!important; } .new5-official-footer-actions .new5-official-dismiss{ font-size:12px!important; font-weight:500!important; } .new5-official-footer-actions i{display:none!important} .new5-official-footer-actions small{ font-size:10px!important; letter-spacing:.7px!important; color:#8f929c!important; } .new5-bookmark-helper{ bottom:8px!important; width:calc(100% - 32px)!important; max-width:360px!important; } @media(max-width:380px){ .new5-official-dialog{ padding-left:20px!important; padding-right:20px!important; } .new5-official-top-icon{left:20px!important} .new5-official-site-logo{max-width:120px!important;max-height:40px!important} .new5-official-dialog h2{font-size:21px!important;max-width:275px!important} .new5-official-main-copy strong{font-size:13px!important} .new5-official-qr-card-rich{grid-template-columns:82px minmax(0,1fr)!important;gap:10px!important;padding-left:11px!important;padding-right:11px!important} .new5-official-qr-box{width:82px!important;height:82px!important} .new5-official-qr-box img{width:74px!important;height:74px!important} .new5-official-qr-copy>strong{font-size:10.5px!important} } /* v8.67 — action cards match the approved compact popup reference exactly. */ .new5-official-main-card{ width:100%!important; min-height:60px!important; margin:0 0 10px!important; padding:10px 12px!important; display:grid!important; grid-template-columns:44px minmax(0,1fr) 44px!important; gap:11px!important; align-items:center!important; border-radius:14px!important; border:1px solid #3f4653!important; box-sizing:border-box!important; box-shadow:none!important; } .new5-official-main-card.new5-official-domain{ background:linear-gradient(180deg,#2a220d 0%,#191306 100%)!important; border-color:#a97a00!important; } .new5-official-main-card.new5-official-app{ background:linear-gradient(180deg,#0d111a 0%,#090d15 100%)!important; border-color:#313846!important; } .new5-official-main-card:hover,.new5-official-main-card:focus{ transform:none!important; } .new5-official-main-card.new5-official-domain:hover,.new5-official-main-card.new5-official-domain:focus{ background:linear-gradient(180deg,#30270f 0%,#1c1608 100%)!important; border-color:#bb8900!important; } .new5-official-main-card.new5-official-app:hover,.new5-official-main-card.new5-official-app:focus{ background:linear-gradient(180deg,#111722 0%,#0b1019 100%)!important; border-color:#404a5e!important; } .new5-official-main-icon{ width:44px!important; height:44px!important; border-radius:50%!important; display:grid!important; place-items:center!important; } .new5-link-icon{ background:radial-gradient(circle at 30% 30%, rgba(255,197,0,.15), rgba(255,197,0,.04) 58%, rgba(255,197,0,.02) 100%)!important; color:#f0bf20!important; } .new5-android-icon{ background:radial-gradient(circle at 30% 30%, rgba(85,255,111,.14), rgba(85,255,111,.05) 58%, rgba(85,255,111,.02) 100%)!important; color:#69e85f!important; } .new5-link-icon svg{width:21px!important;height:21px!important;fill:currentColor!important} .new5-android-icon svg{width:25px!important;height:25px!important;stroke:currentColor!important;fill:none!important;stroke-width:3!important;stroke-linecap:round!important;stroke-linejoin:round!important} .new5-official-main-copy{gap:1px!important;min-width:0!important} .new5-official-main-copy small{ font-size:10px!important; line-height:1.1!important; letter-spacing:1.2px!important; font-weight:800!important; } .new5-official-main-copy strong{ font-size:15px!important; line-height:1.16!important; font-weight:800!important; max-width:100%!important; } .new5-official-domain .new5-official-main-copy small{color:#e4bf59!important} .new5-official-domain .new5-official-main-copy strong{color:#f2bb1c!important} .new5-official-app .new5-official-main-copy small{color:#adb4c0!important} .new5-official-app .new5-official-main-copy strong{color:#ffffff!important} .new5-official-main-action,.new5-official-download-action{ width:44px!important; height:44px!important; border-radius:12px!important; display:grid!important; place-items:center!important; } .new5-official-main-action{ background:linear-gradient(180deg,#785b0c 0%,#5f4709 100%)!important; color:#f7c730!important; } .new5-official-download-action{ background:linear-gradient(180deg,#111824 0%,#0d131d 100%)!important; border:1px solid #2f3745!important; color:#eef2f7!important; } .new5-official-main-action svg{width:22px!important;height:22px!important;fill:currentColor!important} .new5-official-download-action svg{width:20px!important;height:20px!important;fill:currentColor!important} @media(min-width:768px){ .new5-official-main-card{ min-height:62px!important; padding:11px 14px!important; grid-template-columns:46px minmax(0,1fr) 46px!important; gap:12px!important; } .new5-official-main-icon,.new5-official-main-action,.new5-official-download-action{width:46px!important;height:46px!important} .new5-link-icon svg{width:22px!important;height:22px!important} .new5-android-icon svg{width:26px!important;height:26px!important} .new5-official-main-copy small{font-size:10.5px!important} .new5-official-main-copy strong{font-size:15.5px!important} } @media(max-width:420px){ .new5-official-main-card{ min-height:58px!important; padding:9px 10px!important; gap:10px!important; grid-template-columns:42px minmax(0,1fr) 42px!important; border-radius:13px!important; } .new5-official-main-icon,.new5-official-main-action,.new5-official-download-action{width:42px!important;height:42px!important} .new5-link-icon svg{width:20px!important;height:20px!important} .new5-android-icon svg{width:24px!important;height:24px!important} .new5-official-main-copy small{font-size:9px!important;letter-spacing:1.05px!important} .new5-official-main-copy strong{font-size:14px!important} } /* v8.70 — final corrected placement: coded Save Now graphic sits at the RIGHT of the notice/title block. */ .new5-official-hero-row{ position:relative!important; display:grid!important; grid-template-columns:minmax(0,1fr) 118px!important; gap:8px!important; align-items:center!important; min-height:118px!important; margin:0 0 14px!important; } .new5-official-hero-copy{ min-width:0!important; align-self:center!important; } .new5-official-dialog h2{ max-width:100%!important; } .new5-official-hero-art{ display:grid!important; position:relative!important; top:-8px!important; right:auto!important; bottom:auto!important; width:118px!important; height:118px!important; min-width:118px!important; margin:0!important; place-items:center!important; justify-self:end!important; align-self:center!important; overflow:visible!important; transform:scale(.50)!important; transform-origin:center center!important; z-index:3!important; } @media(max-width:420px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 106px!important; gap:5px!important; min-height:108px!important; margin-bottom:12px!important; } .new5-official-hero-art{ width:106px!important; height:108px!important; min-width:106px!important; transform:scale(.46)!important; } } @media(max-width:360px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 94px!important; gap:3px!important; min-height:102px!important; } .new5-official-hero-art{ width:94px!important; height:102px!important; min-width:94px!important; transform:scale(.42)!important; } .new5-official-dialog h2{font-size:20px!important;line-height:1.25!important} } /* v8.71 — smaller higher Save Now art + cleaner lighter popup typography. */ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 104px!important; gap:6px!important; align-items:start!important; min-height:102px!important; margin:0 0 12px!important; } .new5-official-hero-art{ top:-16px!important; width:104px!important; height:104px!important; min-width:104px!important; transform:scale(.44)!important; transform-origin:center center!important; } .new5-bookmark-card-3d{animation:new5BookmarkFloat 4.1s ease-in-out infinite!important} .new5-orbit-ring{animation:new5OrbitGlow 2.8s ease-in-out infinite!important} .new5-save-now{ right:2px!important; bottom:32px!important; font-size:24px!important; line-height:.94!important; text-shadow:0 0 10px rgba(255,184,0,.18)!important; } .new5-save-arrow{ right:50px!important; bottom:12px!important; font-size:44px!important; } .new5-official-kicker{ font-weight:600!important; letter-spacing:1.25px!important; color:#9ca5b3!important; } .new5-official-dialog h2{ font-weight:700!important; letter-spacing:-.32px!important; color:#f3f5f8!important; } .new5-official-dialog h2 em{ color:#ff9d19!important; } .new5-official-main-copy small{ font-weight:700!important; letter-spacing:1px!important; } .new5-official-main-copy strong{ font-weight:700!important; line-height:1.12!important; letter-spacing:-.12px!important; } .new5-official-app .new5-official-main-copy small{color:#b4bcc8!important} .new5-official-app .new5-official-main-copy strong{color:#f5f7fb!important} .new5-official-domain .new5-official-main-copy strong{color:#f4c226!important} @media(max-width:420px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 96px!important; gap:4px!important; min-height:96px!important; margin-bottom:10px!important; } .new5-official-hero-art{ top:-14px!important; width:96px!important; height:98px!important; min-width:96px!important; transform:scale(.40)!important; } .new5-save-now{right:-1px!important;bottom:29px!important;font-size:22px!important} .new5-save-arrow{right:43px!important;bottom:11px!important;font-size:40px!important} .new5-official-dialog h2{font-size:20px!important;line-height:1.23!important} .new5-official-main-copy small{font-size:8.5px!important;letter-spacing:.9px!important} .new5-official-main-copy strong{font-size:13px!important;font-weight:700!important} } @media(max-width:360px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 84px!important; min-height:88px!important; } .new5-official-hero-art{ top:-12px!important; width:84px!important; height:90px!important; min-width:84px!important; transform:scale(.36)!important; } .new5-save-now{right:-2px!important;bottom:26px!important;font-size:19px!important} .new5-save-arrow{right:37px!important;bottom:9px!important;font-size:35px!important} } /* v8.72 — richer rotating popup graphic motion + animated notice dot. */ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 108px!important; gap:7px!important; align-items:start!important; min-height:104px!important; } .new5-official-hero-art{ top:-12px!important; right:-2px!important; width:108px!important; height:106px!important; min-width:108px!important; transform:scale(.46)!important; transform-origin:center center!important; } .new5-bookmark-card-3d{ animation:new5BookmarkFloat 4.2s ease-in-out infinite!important; isolation:isolate!important; } .new5-bookmark-card-3d::before, .new5-bookmark-card-3d::after{ content:""!important; position:absolute!important; inset:-12px!important; border-radius:34px!important; pointer-events:none!important; } .new5-bookmark-card-3d::before{ background: linear-gradient(#ffcf37 0 0) left top/26px 3px no-repeat, linear-gradient(#ffcf37 0 0) left top/3px 26px no-repeat, linear-gradient(#ffcf37 0 0) right bottom/26px 3px no-repeat, linear-gradient(#ffcf37 0 0) right bottom/3px 26px no-repeat; filter:drop-shadow(0 0 8px rgba(255,199,30,.68)); opacity:.92!important; animation:new5CornerOrbit 4.8s linear infinite!important; } .new5-bookmark-card-3d::after{ inset:-7px!important; border-radius:32px!important; background:conic-gradient(from 0deg,rgba(255,194,22,0) 0 52deg,rgba(255,194,22,.7) 82deg,rgba(255,194,22,0) 120deg,rgba(255,194,22,0) 180deg,rgba(255,194,22,.32) 220deg,rgba(255,194,22,0) 260deg,rgba(255,194,22,0) 360deg)!important; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important; -webkit-mask-composite:xor!important; mask-composite:exclude!important; padding:2px!important; opacity:.9!important; animation:new5SweepRotate 5.2s linear infinite!important; } .new5-orbit-ring{ animation:new5OrbitSpin 4.9s linear infinite,new5OrbitGlow 2.6s ease-in-out infinite!important; transform:rotate(-18deg)!important; } .new5-save-now{ right:0!important; bottom:30px!important; font-size:22px!important; animation:new5SaveTextFloat 3.1s ease-in-out infinite!important; } .new5-save-arrow{ right:47px!important; bottom:10px!important; font-size:42px!important; animation:new5ArrowNudge 2.2s ease-in-out infinite!important; } .new5-official-kicker span{ position:relative!important; animation:new5DotPulse 1.55s ease-in-out infinite,new5DotWobble 3.4s linear infinite!important; } .new5-official-kicker span::after{ content:""!important; position:absolute!important; inset:-6px!important; border-radius:50%!important; border:1.5px solid rgba(255,74,95,.42)!important; border-right-color:rgba(255,74,95,.95)!important; border-top-color:rgba(255,112,130,.92)!important; animation:new5DotRingSpin 1.8s linear infinite!important; } @keyframes new5OrbitSpin{0%{transform:rotate(-18deg)}100%{transform:rotate(342deg)}} @keyframes new5CornerOrbit{0%{transform:rotate(0deg) scale(1);opacity:.9}50%{transform:rotate(180deg) scale(1.05);opacity:1}100%{transform:rotate(360deg) scale(1);opacity:.9}} @keyframes new5SweepRotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} @keyframes new5SaveTextFloat{0%,100%{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-10deg) translateY(-4px)}} @keyframes new5ArrowNudge{0%,100%{transform:rotate(22deg) translate(0,0)}50%{transform:rotate(22deg) translate(-3px,-2px)}} @keyframes new5DotPulse{0%,100%{box-shadow:0 0 0 6px rgba(255,36,55,.12),0 0 18px rgba(255,36,55,.35);filter:brightness(1)}50%{box-shadow:0 0 0 9px rgba(255,36,55,.08),0 0 22px rgba(255,36,55,.6);filter:brightness(1.15)}} @keyframes new5DotWobble{0%,100%{transform:rotate(0deg)}25%{transform:rotate(8deg)}75%{transform:rotate(-8deg)}} @keyframes new5DotRingSpin{0%{transform:rotate(0deg);opacity:.7}100%{transform:rotate(360deg);opacity:1}} @media(max-width:420px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 98px!important; gap:5px!important; min-height:98px!important; } .new5-official-hero-art{ top:-10px!important; right:-1px!important; width:98px!important; height:96px!important; min-width:98px!important; transform:scale(.41)!important; } .new5-save-now{right:-1px!important;bottom:27px!important;font-size:20px!important} .new5-save-arrow{right:41px!important;bottom:8px!important;font-size:37px!important} } @media(max-width:360px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 88px!important; min-height:92px!important; } .new5-official-hero-art{ top:-8px!important; width:88px!important; height:90px!important; min-width:88px!important; transform:scale(.38)!important; } .new5-save-now{bottom:24px!important;font-size:18px!important} .new5-save-arrow{right:35px!important;bottom:7px!important;font-size:32px!important} } @media(prefers-reduced-motion:reduce){ .new5-bookmark-card-3d::before, .new5-bookmark-card-3d::after, .new5-official-kicker span, .new5-official-kicker span::after, .new5-save-now, .new5-save-arrow{animation:none!important} } /* v8.72.1 — save-now side graphic fixed smaller, side-aligned, and kept visually same as reference. */ .new5-official-hero-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 104px!important; gap:6px!important; align-items:start!important; min-height:98px!important; } .new5-official-hero-art{ position:relative!important; justify-self:end!important; align-self:start!important; top:-10px!important; right:0!important; width:104px!important; height:96px!important; min-width:104px!important; margin:0!important; transform:scale(.40)!important; transform-origin:center center!important; } .new5-bookmark-card-3d{ animation:new5BookmarkFloat 4.2s ease-in-out infinite!important; } .new5-orbit-ring{ width:236px!important; height:72px!important; border-width:4px!important; animation:new5OrbitSpin 4.9s linear infinite,new5OrbitGlow 2.6s ease-in-out infinite!important; } .new5-spark-a{left:26px!important;top:55px!important;font-size:26px!important} .new5-spark-b{right:30px!important;top:78px!important;font-size:16px!important} .new5-spark-c{left:59px!important;bottom:20px!important;font-size:12px!important} .new5-save-now{ right:-5px!important; bottom:24px!important; font-size:18px!important; line-height:.9!important; white-space:nowrap!important; transform:rotate(-8deg)!important; } .new5-save-arrow{ right:36px!important; bottom:7px!important; font-size:34px!important; } @media(max-width:420px){ .new5-official-hero-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 92px!important; gap:4px!important; min-height:88px!important; } .new5-official-hero-art{ top:-8px!important; right:0!important; width:92px!important; height:84px!important; min-width:92px!important; margin:0!important; transform:scale(.36)!important; transform-origin:center center!important; } .new5-orbit-ring{width:230px!important;height:68px!important;border-width:4px!important} .new5-save-now{right:-7px!important;bottom:22px!important;font-size:16px!important;line-height:.9!important} .new5-save-arrow{right:32px!important;bottom:7px!important;font-size:30px!important} } @media(max-width:360px){ .new5-official-hero-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 84px!important; gap:3px!important; min-height:82px!important; } .new5-official-hero-art{ top:-7px!important; width:84px!important; height:78px!important; min-width:84px!important; transform:scale(.33)!important; transform-origin:center center!important; } .new5-save-now{right:-8px!important;bottom:20px!important;font-size:14px!important} .new5-save-arrow{right:28px!important;bottom:6px!important;font-size:26px!important} } /* v8.73 — lock the complete Save Now reference graphic as ONE unit.
   Bookmark, orbit, sparks, Save Now and arrow keep their reference relationship;
   only the whole group floats/scales, so nothing drifts independently. */ .new5-official-hero-row{ display:grid!important; grid-template-columns:minmax(0,1fr) 112px!important; gap:6px!important; align-items:start!important; min-height:100px!important; } .new5-official-hero-art{ --new5-save-scale:.42; position:relative!important; justify-self:end!important; align-self:start!important; top:-10px!important; right:-2px!important; width:260px!important; height:225px!important; min-width:260px!important; margin:0 -74px -126px 0!important; place-items:center!important; overflow:visible!important; transform:scale(var(--new5-save-scale))!important; transform-origin:top right!important; animation:new5SaveGroupFloat 4.2s ease-in-out infinite!important; isolation:isolate!important; } /* Keep every internal piece locked to the reference composition. */ .new5-bookmark-card-3d{ position:absolute!important; left:50%!important; top:50%!important; width:166px!important; height:202px!important; margin:0!important; transform:translate(-50%,-50%) rotate(10deg)!important; animation:none!important; } .new5-bookmark-card-3d::before, .new5-bookmark-card-3d::after{ content:none!important; display:none!important; animation:none!important; } .new5-orbit-ring{ position:absolute!important; left:50%!important; top:49%!important; width:246px!important; height:76px!important; margin:0!important; transform:translate(-50%,-50%) rotate(-18deg)!important; animation:new5ReferenceOrbitGlow 2.7s ease-in-out infinite!important; } .new5-spark-a{left:14px!important;top:52px!important;font-size:29px!important} .new5-spark-b{right:13px!important;top:74px!important;font-size:18px!important} .new5-spark-c{left:54px!important;bottom:14px!important;font-size:13px!important} .new5-save-now{ position:absolute!important; right:0!important; bottom:20px!important; margin:0!important; font-size:29px!important; line-height:.95!important; white-space:nowrap!important; transform:rotate(-8deg)!important; animation:none!important; } .new5-save-arrow{ position:absolute!important; right:52px!important; bottom:-1px!important; margin:0!important; font-size:48px!important; transform:rotate(22deg)!important; animation:none!important; } @keyframes new5SaveGroupFloat{ 0%,100%{translate:0 0;filter:drop-shadow(0 0 0 rgba(255,191,0,0))} 50%{translate:0 -5px;filter:drop-shadow(0 0 7px rgba(255,191,0,.16))} } @keyframes new5ReferenceOrbitGlow{ 0%,100%{opacity:.88;filter:brightness(1)} 50%{opacity:1;filter:brightness(1.18)} } @media(max-width:420px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 100px!important; gap:4px!important; min-height:92px!important; } .new5-official-hero-art{ --new5-save-scale:.37; top:-8px!important; right:-2px!important; margin:0 -78px -137px 0!important; } } @media(max-width:360px){ .new5-official-hero-row{ grid-template-columns:minmax(0,1fr) 90px!important; gap:3px!important; min-height:86px!important; } .new5-official-hero-art{ --new5-save-scale:.33; top:-6px!important; right:-1px!important; margin:0 -84px -151px 0!important; } } @media(prefers-reduced-motion:reduce){ .new5-official-hero-art, .new5-orbit-ring{animation:none!important} } /* v8.74 — move the locked Save Now group fully INSIDE the popup without changing its design. */ .new5-official-hero-art{ right:80px!important; } @media(max-width:360px){ .new5-official-hero-art{ right:85px!important; } } /* v8.81 managed ads: stable containers while third-party code loads after first paint. */ .starhd-managed-ad{width:100%;max-width:100%;box-sizing:border-box;overflow:visible;} .starhd-managed-ad--header-desktop,.starhd-managed-ad--header-mobile,.starhd-managed-ad--footer-desktop,.starhd-managed-ad--footer-mobile{text-align:center;} .starhd-managed-ad.is-loading{will-change:contents;} .starhd-ad-payload{display:none!important;} /* ========================================================================
   v8.88 MOBILE NO-CUT FIX
   The mobile recording showed the pagination row making the document wider
   than the viewport, allowing the whole page to slide sideways and clipping
   Next/right-side controls. Desktop/tablet styling is intentionally unchanged.
   ======================================================================== */ @media (max-width:767px){ html{ width:100%!important; max-width:100%!important; overflow-x:hidden!important; overscroll-behavior-x:none; } body.new5-home-ui{ width:100%!important; max-width:100%!important; min-width:0!important; overflow-x:hidden!important; overscroll-behavior-x:none; } body.new5-home-ui .container, body.new5-home-ui .new5-site-main, body.new5-home-ui .new5-pagination, body.new5-home-ui .new5-pagination .pagination-wrap{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } body.new5-home-ui .new5-pagination{ margin-left:0!important; margin-right:0!important; padding-left:2px!important; padding-right:2px!important; overflow:visible!important; } body.new5-home-ui .new5-pagination .pagination-wrap{ display:flex!important; justify-content:center!important; overflow:visible!important; } body.new5-home-ui .new5-pagination .pagination{ display:flex!important; width:auto!important; max-width:100%!important; min-width:0!important; flex:0 1 auto!important; justify-content:center!important; align-items:stretch!important; margin:0 auto!important; } body.new5-home-ui .new5-pagination .pagination>li{ min-width:0!important; max-width:100%!important; flex:0 1 auto!important; } body.new5-home-ui .new5-pagination .pagination>li>a, body.new5-home-ui .new5-pagination .pagination>li>span{ min-width:31px!important; width:auto!important; height:40px!important; padding:0 7px!important; font-size:12px!important; white-space:nowrap!important; flex:0 1 auto!important; } body.new5-home-ui .new5-pagination .pagination>li>a.prev, body.new5-home-ui .new5-pagination .pagination>li>a.next{ min-width:0!important; padding-left:8px!important; padding-right:8px!important; gap:3px!important; } body.new5-home-ui .new5-pagination .material-text, body.new5-home-ui .new5-pagination .material-left{ font-size:11px!important; white-space:nowrap!important; } body.new5-home-ui .new5-pagination .material-icons{ width:14px!important; min-width:14px!important; height:20px!important; font-size:18px!important; } body.new5-home-ui .new5-footer, body.new5-home-ui .new5-footer-inner{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } } /* Very narrow phones: keep every page control visible by collapsing only the
   Previous/Next words; the chevrons remain, so functionality is unchanged. */ @media (max-width:380px){ body.new5-home-ui .new5-pagination .pagination>li>a, body.new5-home-ui .new5-pagination .pagination>li>span{ min-width:28px!important; padding-left:5px!important; padding-right:5px!important; font-size:11px!important; } body.new5-home-ui .new5-pagination .pagination>li>a.prev, body.new5-home-ui .new5-pagination .pagination>li>a.next{ min-width:30px!important; padding-left:5px!important; padding-right:5px!important; } body.new5-home-ui .new5-pagination .material-text, body.new5-home-ui .new5-pagination .material-left{ display:none!important; } }

/* v8.93.2.5: mobile footer only; no scripts or server work. */
@media screen and (max-width: 767px) {
  .new5-footer { padding: 18px 12px 24px !important; }
  .new5-footer-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 14px !important;
    text-align: center !important;
  }
  .new5-footer-menu {
    order: -1 !important;
    justify-content: center !important;
    gap: 8px 16px !important;
    margin: 0 !important;
    line-height: 1.5 !important;
  }
  .new5-footer-menu a { display: inline-block; padding: 5px 0; }
  .new5-footer-copy {
    line-height: 1.6 !important;
    border-top: 1px solid #292929;
    padding-top: 12px;
    overflow-wrap: anywhere;
  }
}

/* v8.93.2.7: larger mobile pagination with balanced outer spacing. */
@media screen and (max-width: 767px) {
  body .new5-pagination,
  body.new5-home-ui .new5-pagination {
    padding: 8px 12px !important;
    box-sizing: border-box !important;
  }
  body .new5-pagination .pagination-wrap,
  body.new5-home-ui .new5-pagination .pagination-wrap {
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }
  body .new5-pagination .pagination,
  body.new5-home-ui .new5-pagination .pagination {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px !important;
    max-width: 100% !important;
    margin: 0 auto !important;
  }
  body .new5-pagination .pagination > li,
  body.new5-home-ui .new5-pagination .pagination > li {
    flex: 0 0 auto !important;
  }
  body .new5-pagination .pagination > li > a,
  body .new5-pagination .pagination > li > span,
  body.new5-home-ui .new5-pagination .pagination > li > a,
  body.new5-home-ui .new5-pagination .pagination > li > span,
  body.new5-home-ui .new5-pagination .pagination > li > a.prev,
  body.new5-home-ui .new5-pagination .pagination > li > a.next {
    min-width: 46px !important;
    height: 48px !important;
    padding: 0 10px !important;
    margin-left: 0 !important;
    border-radius: 4px !important;
    font-size: 17px !important;
    line-height: 1 !important;
  }
  /* Compact arrows retain the accessible Previous/Next text. */
  body .new5-pagination .material-text,
  body .new5-pagination .material-left,
  body.new5-home-ui .new5-pagination .material-text,
  body.new5-home-ui .new5-pagination .material-left {
    display: inline-block !important;
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
  }
}
@media screen and (max-width: 380px) {
  body .new5-pagination .pagination,
  body.new5-home-ui .new5-pagination .pagination { gap: 6px !important; }
  body .new5-pagination .pagination > li > a,
  body .new5-pagination .pagination > li > span,
  body.new5-home-ui .new5-pagination .pagination > li > a,
  body.new5-home-ui .new5-pagination .pagination > li > span,
  body.new5-home-ui .new5-pagination .pagination > li > a.prev,
  body.new5-home-ui .new5-pagination .pagination > li > a.next {
    min-width: 42px !important;
    padding-left: 8px !important;
    padding-right: 8px !important;
    font-size: 16px !important;
  }
}