/* Original implementation: search masthead, compact updates, five-column portal. */
:root{--ux-green:#487be8;--ux-green2:#3567d3;--ux-text:#293446;--ux-muted:#8792a4;--ux-line:#e9edf4;--ux-bg:#f5f7fb;--bs-blue:#487be8;--bs-gold:#d7ac62}
html{scroll-behavior:smooth}body{background:var(--ux-bg);color:var(--ux-text)}.ux-shell{width:min(1440px,calc(100% - 64px))}.ux-home{padding-bottom:0}.ux-home a:focus-visible,.ux-site-header a:focus-visible,.bs-footer a:focus-visible{outline:2px solid var(--bs-blue);outline-offset:4px}.ux-site-header{min-height:78px;box-shadow:none;background:#fff}.ux-header-inner{min-height:78px;gap:30px}.ux-logo b{font-size:20px}.ux-logo small{font-size:8px;letter-spacing:2px}.ux-logo>i{background:linear-gradient(135deg,#719cff,#345bd1);box-shadow:none;transform:none;width:42px;height:42px}.ux-main-nav a{font-size:14px;padding:0 15px}.ux-main-nav li{position:relative}.ux-main-nav .sub-menu{position:absolute;top:100%;left:0;display:none;background:#fff;box-shadow:0 8px 30px #10203522;border-radius:8px;min-width:170px;padding:8px;height:auto}.ux-main-nav li:hover>.sub-menu,.ux-main-nav li:focus-within>.sub-menu{display:block}.ux-main-nav .sub-menu li,.ux-main-nav .sub-menu a{height:auto;color:#293446!important}.ux-main-nav .sub-menu a{padding:10px}.ux-header-actions svg{height:18px;width:18px;fill:currentColor}.ux-vip-link{background:var(--bs-blue);box-shadow:none;font-size:12px;border-radius:6px}.ux-login{font-size:13px;white-space:nowrap}.ux-header-actions{gap:16px}.ac-dnf-front-page .ux-site-header{position:absolute;left:0;right:0;top:0;background:transparent;border:0;backdrop-filter:none;color:#fff}.admin-bar.ac-dnf-front-page .ux-site-header{top:32px}.ac-dnf-front-page .ux-logo b,.ac-dnf-front-page .ux-main-nav a,.ac-dnf-front-page .ux-login{color:#fff}.ac-dnf-front-page .ux-logo small{color:#ccd5e8}.ac-dnf-front-page .ux-header-actions form{background:#ffffff12;border-color:#ffffff25}.ac-dnf-front-page .ux-header-actions input,.ac-dnf-front-page .ux-header-actions button{color:#fff}.ac-dnf-front-page .ux-header-actions input::placeholder{color:#c6d1e4}.ac-dnf-front-page .ux-main-nav a:after{background:#fff}.ac-dnf-front-page .ux-vip-link{background:#ffffff17;border:1px solid #ffffff55;color:#fff!important}
.bs-home .ux-hero{min-height:500px;padding:180px 0 75px;background:linear-gradient(180deg,#07122133,#0712218c),url('../img/hero-landscape.svg') center center/cover;color:#fff}.bs-home .ux-hero:after,.bs-home .ux-hero:before{display:none}.ux-hero-inner{max-width:1100px}.bs-kicker{font-size:10px;font-weight:700;letter-spacing:3px;display:inline-block}.ux-hero .bs-kicker{color:#d4e2ff}.bs-home .ux-hero h1{margin:18px 0 0;font-size:38px;letter-spacing:2px;font-weight:700}.bs-home .ux-hero p{color:#d3dced;font-size:14px;margin:13px 0 28px}.bs-home .ux-search{width:min(740px,100%);height:60px;padding:0;border-radius:6px;box-shadow:0 14px 40px #06132940;overflow:hidden}.bs-home .ux-search select{width:130px;background:#fff;border-radius:0;font-size:14px}.bs-home .ux-search input{font-size:14px}.bs-home .ux-search button{border-radius:0;width:68px;box-shadow:none;background:var(--bs-blue)}.ux-search svg{fill:currentColor;width:23px;height:23px}.bs-hotwords{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;font-size:12px}.bs-hotwords span{color:#bbc5d6}.bs-hotwords a{color:#eef3ff}.bs-hotwords a:hover{text-decoration:underline}.bs-dynamic{display:flex;align-items:center;gap:25px;padding:14px 20px;margin:20px 0 42px;background:#eaf0fc;border-radius:7px;color:#536885;font-size:12px;min-width:0}.bs-dynamic>b{display:flex;align-items:center;gap:8px;white-space:nowrap;color:var(--bs-blue)}.bs-dynamic-track{display:flex;overflow:auto;gap:34px;scrollbar-width:none;flex:1}.bs-dynamic-track::-webkit-scrollbar{display:none}.bs-dynamic-track>a{display:flex;align-items:center;gap:9px;flex-shrink:0}.bs-dynamic-track strong{font-weight:400;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-dynamic-track em{font-style:normal;color:#7f8ca5}.bs-dynamic-track time{color:#8b9cb8}.bs-dot{width:5px;height:5px;border-radius:50%;background:var(--bs-blue)}.bs-contact-link{white-space:nowrap;color:var(--bs-blue)!important}.bs-section-heading{text-align:center;margin-bottom:30px}.bs-section-heading .bs-kicker{color:#8d9ab1;font-size:9px;letter-spacing:3px}.bs-section-heading h2{font-size:26px;font-weight:700;margin:10px 0 12px;color:#293446}.bs-section-heading p{margin:0;color:#919aab;font-size:13px}.bs-home .ux-latest{padding-top:0}.ux-resource-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.ux-resource-card{display:flex;flex-direction:column;border-radius:8px;background:#fff;border:1px solid #e9edf4;box-shadow:0 3px 12px #19294403;overflow:hidden;min-width:0;transition:transform .2s,box-shadow .2s}.ux-resource-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #22324a12;border-color:#d8e2f3}.ux-cover{display:block;position:relative;aspect-ratio:3/2;min-height:0!important;overflow:hidden;background:#eaf0fa}.ux-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.ux-resource-card:hover .ux-cover img{transform:scale(1.045)}.ux-cover-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,#193155,#456a96);color:#fff}.ux-resource-card:nth-child(3n+2) .ux-cover-placeholder{background:linear-gradient(135deg,#435478,#928aa6)}.ux-resource-card:nth-child(3n+3) .ux-cover-placeholder{background:linear-gradient(135deg,#295669,#59a9af)}.ux-cover-placeholder b{font-size:43px;font-weight:500;opacity:.76}.ux-cover-placeholder small{font-size:11px;letter-spacing:2px;color:#fff9;margin-top:12px}.bs-card-badge{position:absolute;top:10px;left:10px;z-index:2;padding:4px 8px;border-radius:4px;font-size:10px;background:#fffffff0;color:#527091;box-shadow:0 3px 10px #0001}.bs-card-badge.is-paid{background:#efd293ed;color:#614622}.ux-card-content{padding:17px 16px 14px;display:flex;flex:1;flex-direction:column;min-width:0}.ux-card-tags{margin:0 0 8px}.ux-card-tags a{display:inline-block;border:0;background:none!important;padding:0;font-size:10px;color:var(--bs-blue)!important}.ux-card-tags a:before{content:'';display:inline-block;width:5px;height:5px;background:var(--bs-blue);border-radius:50%;margin-right:6px;vertical-align:middle}.ux-card-content h3{font-size:14px;font-weight:600;line-height:1.7;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:47px}.ux-card-content h3 a{color:#313c4c}.ux-card-content p{font-size:11px;color:#9aa2b1;line-height:1.7;margin:0 0 15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:37px}.ux-card-content footer{display:flex;align-items:center;gap:10px;font-size:10px;color:#9aa5b4;margin-top:auto;border-top:1px solid #f1f3f7;padding-top:11px}.ux-card-content footer strong{font-weight:500;color:#c09b5f;margin-left:auto;white-space:nowrap;font-size:10px}.ux-empty{grid-column:1/-1;min-height:170px;display:flex;gap:12px;align-items:center;justify-content:center;flex-direction:column;background:#fff;border-radius:8px;padding:25px;color:#8997ab}.ux-empty b{color:#33445f}.ux-pagination{display:flex;justify-content:center;margin:32px 0}.ux-pagination ul{display:flex;gap:8px;flex-wrap:wrap;list-style:none;margin:0;padding:0}.ux-pagination .page-numbers{border-radius:5px}.bs-member-banner{margin:42px 0;display:flex;align-items:center;gap:15px;border-radius:10px;padding:28px 34px;color:#fff;background:linear-gradient(110deg,#1b2d4b,#334c73)}.bs-member-banner>div{margin-right:auto}.bs-member-banner span{font-size:9px;letter-spacing:3px;color:#bac9df}.bs-member-banner h2{margin:8px 0 8px;font-size:20px;color:#fff}.bs-member-banner p{margin:0;color:#bdc8d9;font-size:11px}.bs-member-banner>a{padding:12px 18px;border:1px solid #ffffff30;border-radius:5px;color:#fff;white-space:nowrap;font-size:12px}.bs-member-banner>a.bs-svip{background:#e7c68d;border-color:#e7c68d;color:#514229}.bs-statistics{padding:34px 0;background:linear-gradient(110deg,#e6ecf5,#eff4fc);border-top:1px solid #e0e7f1}.bs-statistics>.ux-shell{display:grid;grid-template-columns:repeat(6,1fr);text-align:center}.bs-statistics b{display:block;font-size:30px;font-weight:600;line-height:1.2;color:#527096}.bs-statistics span{display:block;margin-top:12px;font-size:12px;color:#91a0b4}.bs-footer{background:#fff;color:#626d7e;padding:40px 0 0;margin:0}.bs-footer .ux-footer-grid{grid-template-columns:2.2fr 1fr 1fr 1.6fr;gap:45px;padding:0 0 34px}.bs-footer .ux-logo b{color:#33445f}.bs-footer .ux-logo small{color:#a4acb9}.bs-footer .ux-logo{margin-bottom:20px}.bs-footer h4{font-size:14px;color:#33445f;margin:0 0 17px;font-weight:600}.bs-declaration h4{margin:0 0 7px;font-size:12px}.bs-declaration ol{list-style:decimal;padding-left:17px;margin:0;color:#96a0ae;font-size:11px;line-height:2.1}.bs-footer section>a:not(.ux-logo){display:block;font-size:12px;line-height:2.4;color:#8794a7}.bs-declaration a{display:inline!important;color:#6382af;font-size:11px!important}.bs-footer-contact p{font-size:11px;color:#9aa5b5;line-height:1.8;margin:0 0 12px}.bs-footer .bs-email{font-size:17px!important;letter-spacing:.3px;color:var(--bs-blue)!important;overflow-wrap:anywhere}.bs-footer-contact small{display:block;color:#a1abba;font-size:10px;margin-top:8px}.bs-footer .ux-footer-bottom{padding:20px 0;display:flex;justify-content:center;gap:20px;border-top:1px solid #edf0f5;font-size:11px;color:#a1aaba}.bs-tools{position:fixed;right:16px;bottom:120px;z-index:980;display:flex;flex-direction:column;gap:1px;border-radius:6px;box-shadow:0 8px 24px #19335612;overflow:visible}.bs-tools>a,.bs-tools>button{position:relative;width:40px;height:40px;border:0;display:flex;align-items:center;justify-content:center;background:#fff;color:#8394ae;font-size:22px;cursor:pointer}.bs-tools svg{width:17px;height:17px;fill:currentColor}.bs-tools span{display:none;position:absolute;right:46px;background:#344763;color:#fff;padding:7px 10px;font-size:11px;border-radius:4px;white-space:nowrap}.bs-tools a:hover span,.bs-tools button:hover span{display:block}.bs-tools a:hover,.bs-tools button:hover{color:var(--bs-blue)}.ux-mobile-nav{z-index:990;background:#fff}.ux-mobile-nav a{color:#76859c}.ux-product-top,.ux-side-box,.ux-page-card{border-radius:8px!important}.ux-product-cover>span{background:linear-gradient(135deg,#193155,#456a96)}.ux-product-buy{background:#f3f6fc}.ux-product-buy>a,.ux-side-login>a{background:var(--bs-blue)!important}.modal-colorful-header{background:linear-gradient(135deg,#5585e8,#3359ad)!important}.ux-page-head{background:linear-gradient(135deg,#213957,#456587);color:#fff}.ux-list-page .ux-resource-grid{margin-bottom:36px}.ux-list-title{margin-top:26px}.ux-product-buy strong{color:#b28b48}.bs-card-grid .ux-resource-card{align-items:stretch}
@media(min-width:1500px){.bs-home .ux-hero{min-height:555px;padding-top:207px}}@media(max-width:1250px){.ux-shell{width:calc(100% - 48px)}.ux-header-actions form{display:none}.ux-main-nav a{padding:0 11px;font-size:12px}.ux-header-inner{gap:18px}.ux-resource-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bs-footer .ux-footer-grid{gap:28px}.bs-tools{right:5px}.bs-home .ux-hero h1{font-size:34px}}@media(max-width:1000px){.ux-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ux-logo b{font-size:17px}.ux-main-nav a{padding:0 8px}.ux-vip-link{display:none}.ux-header-actions{gap:8px}.bs-footer .ux-footer-grid{grid-template-columns:2fr 1fr 1fr}.bs-footer-contact{grid-column:1/-1;border-top:1px solid #edf0f5;padding-top:20px}.bs-footer .bs-email{font-size:16px!important}.bs-statistics b{font-size:26px}}@media(max-width:820px){.ux-shell{width:calc(100% - 32px)}.ux-site-header,.ux-header-inner{min-height:66px}.ux-menu-toggle{display:block;margin-left:auto;font-size:22px;cursor:pointer;color:inherit}.ux-main-nav{display:none;position:absolute;top:66px;left:16px;right:16px;border-radius:8px;background:#fff;box-shadow:0 16px 35px #12243d22;height:auto;color:#33445f}.ux-main-nav.is-open{display:block}.ux-main-nav ul{display:block;height:auto;padding:10px}.ux-main-nav li{display:block;height:auto}.ux-main-nav a{height:auto;padding:12px;color:#33445f!important}.ux-main-nav .sub-menu{position:static;box-shadow:none;margin-left:14px}.ux-main-nav a:after{display:none}.ux-header-actions{margin-left:0}.ux-login{font-size:12px}.bs-tools{display:none}.bs-home .ux-hero{min-height:430px;padding:142px 0 60px}.bs-home .ux-hero h1{font-size:29px}.bs-dynamic{margin-bottom:32px;gap:16px}.bs-contact-link{display:none}.bs-member-banner{padding:25px;flex-wrap:wrap}.bs-member-banner>div{flex-basis:100%;margin-bottom:6px}.bs-statistics>.ux-shell{grid-template-columns:repeat(3,1fr);gap:30px}.ux-mobile-nav{display:flex!important}.bs-footer{padding-bottom:60px}.ux-card-content footer{gap:7px}.bs-footer .ux-footer-grid{gap:22px}.bs-footer .ux-footer-bottom{flex-direction:column;text-align:center;gap:7px}}
@media(max-width:540px){.ux-shell{width:calc(100% - 24px)}.ux-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ux-logo b{font-size:15px}.ux-logo>i{width:32px;height:32px;font-size:11px}.ux-logo small{font-size:6px;letter-spacing:1px}.ux-header-inner{gap:12px}.bs-home .ux-hero{padding:132px 0 47px;min-height:398px;background-position:60% center}.bs-home .ux-hero h1{font-size:25px;letter-spacing:1px}.bs-home .ux-hero p{font-size:11px;margin-bottom:22px}.bs-kicker{font-size:8px;letter-spacing:2px}.bs-home .ux-search{height:50px;border-radius:5px}.bs-home .ux-search select{width:75px;padding:0 7px;font-size:11px}.bs-home .ux-search input{padding:0 10px;font-size:11px}.bs-home .ux-search button{width:46px}.bs-hotwords{gap:10px;font-size:10px}.bs-dynamic{padding:12px;gap:12px;margin-top:14px;font-size:10px}.bs-dynamic-track strong{max-width:160px}.bs-section-heading h2{font-size:23px;margin:8px 0}.bs-section-heading p{font-size:11px}.bs-section-heading{margin-bottom:22px}.ux-card-content{padding:12px 10px 10px}.ux-card-content h3{font-size:12px;min-height:41px;line-height:1.7}.ux-card-content p{font-size:10px;min-height:34px;margin-bottom:12px}.ux-card-tags a{font-size:9px}.ux-card-content footer{font-size:9px;gap:6px;padding-top:9px}.ux-card-content footer strong{font-size:9px}.ux-card-content footer span{display:none}.bs-card-badge{font-size:8px;padding:3px 6px;left:7px;top:7px}.ux-cover-placeholder b{font-size:30px}.ux-cover-placeholder small{font-size:9px;margin-top:7px}.bs-member-banner{padding:22px;margin:30px 0}.bs-member-banner h2{font-size:18px}.bs-member-banner>a{font-size:11px;padding:10px 12px}.bs-statistics b{font-size:24px}.bs-statistics span{font-size:10px;margin-top:7px}.bs-statistics{padding:27px 0}.bs-footer{padding-top:30px}.bs-footer .ux-footer-grid{grid-template-columns:1fr 1fr;gap:26px;padding-bottom:26px}.bs-declaration{grid-column:1/-1}.bs-footer-contact{grid-column:1/-1}.bs-declaration ol{font-size:11px}.bs-footer h4{font-size:13px}.bs-footer .ux-footer-bottom{font-size:9px}.ux-home{min-height:0}.ux-header-actions .ux-login{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.bs-footer .ux-footer-grid section{gap:0}.bs-footer .ux-footer-grid section.bs-footer-contact{display:flex}.ux-resource-grid.ux-archive-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.bs-footer .ux-footer-bottom{margin-top:0}.bs-footer .bs-declaration .ux-logo{display:flex!important}.ux-pagination ul.page-numbers{display:flex;flex-direction:row;flex-wrap:wrap;height:auto;border:0;background:transparent;gap:8px;margin:0;padding:0}
@media(max-width:1250px){.ux-resource-grid.ux-archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.ux-resource-grid.ux-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.ux-header-actions{display:flex}.ux-mobile-nav{position:fixed;left:0;right:0;bottom:0;height:58px;border-top:1px solid #e9edf4;display:flex!important}.ux-mobile-nav>a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:18px}.ux-mobile-nav span{font-size:10px;margin-top:3px}.bs-footer .ux-footer-grid section.bs-footer-contact{display:flex}}
@media(max-width:540px){.ux-resource-grid.ux-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}