@font-face{font-family:Poppins;src:url("./poppins-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url("./poppins-semibold.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url("./poppins-bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Poppins;src:url("./poppins-extrabold.ttf") format("truetype");font-weight:800;font-display:swap}
:root{--bg-color:#032e3e;--surface-color:#073b4c;--primary-color:#58eed3;--accent-color:#3184ff;--accent-hover:#2173ee;--text-main:#f7fbff;--text-muted:#c5dce3;--border-color:#235366;--radius-sm:12px;--radius-md:20px;--radius-lg:24px;--font-family:Poppins,Arial,sans-serif;--container-width:1480px;--shadow-sm:none;--shadow-md:0 8px 24px #001e2a30;--shadow-lg:0 15px 35px #00152155;color-scheme:dark}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{background:#032e3e;color:var(--text-main);font-family:var(--font-family);font-size:18px;line-height:1.65}
.container{width:min(1480px,calc(100% - 48px));max-width:1480px;padding-left:0;padding-right:0}
.site-header{height:85px;background:#101528;border:0;box-shadow:none;z-index:1000}
.header-inner{height:85px}
.logo-area{width:120px;min-width:120px;line-height:1;letter-spacing:0;text-transform:none}
.brand-logo{width:120px;height:67px;object-fit:contain}
.header-actions{gap:12px;margin-right:78px;display:flex;align-items:center}
.btn{font-family:inherit;border-radius:999px;font-weight:600;line-height:1.2;transition:background .18s,transform .18s;display:inline-flex;align-items:center;justify-content:center}
.header-actions .btn{height:60px;padding:0 25px;font-size:24px;border:0}
.header-actions .btn-outline{background:#3184ff;color:#fff}
.header-actions .btn-primary{background:linear-gradient(105deg,#61f2cf,#3184ff);color:#09273c}
.header-actions .btn:hover{filter:brightness(1.08)}
.hamburger{display:none!important}
.mandatory-header-burger-nav{position:absolute!important;right:max(24px,calc((100% - 1480px)/2))!important;top:12px!important;margin:0!important;z-index:1001}
.mandatory-header-burger__button{width:60px!important;height:60px!important;border:3px solid #3184ff!important;border-radius:50%!important;background:transparent!important;color:#3184ff!important;box-shadow:none!important;padding:12px!important;display:grid!important;place-items:center}
.mandatory-header-burger__button svg{width:30px;height:30px;stroke:currentColor;fill:none;stroke-width:2.2}
.mandatory-header-burger__button::marker{content:""}
.mandatory-header-burger__button::-webkit-details-marker{display:none}
.mandatory-header-burger__button::before,.mandatory-header-burger__button::after{display:none!important}
.mandatory-header-burger__panel{background:#101b30!important;color:#fff;border:1px solid #315167!important;border-radius:16px!important;top:calc(100% + 12px)!important;min-width:270px;box-shadow:0 18px 45px #0006!important}
.mandatory-header-burger__panel a{color:#fff!important;font-size:15px}
.mandatory-header-burger__panel a:hover{background:#15425a!important}
.menu-overlay{top:85px;background:#101b30}
.reference-hero{position:relative;width:100%;aspect-ratio:2.13;max-height:910px;overflow:hidden;background:#07b8cd}
.reference-hero__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.reference-hero__cta{position:absolute;left:50%;top:76%;transform:translateX(-50%);min-width:clamp(260px,25.7vw,490px);height:clamp(84px,7.5vw,144px);padding:0 36px!important;background:#3184ff!important;color:#fff!important;border:0!important;border-radius:999px;font-size:clamp(28px,2.8vw,54px)!important;font-weight:700;text-shadow:0 4px 4px #00162880;box-shadow:0 7px 0 #101528;white-space:nowrap}
.reference-hero__cta:hover{background:#2476ee!important;transform:translateX(-50%) translateY(-2px)}
.reference-hero .offer-box{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);width:calc(100% - 40px);max-width:1050px;padding:0;border:0;background:none;box-shadow:none;margin:0;color:white;font-size:12px;text-align:center;text-shadow:0 1px 4px #001728}
.reference-hero .offer-box strong,.reference-hero .offer-box span{display:inline;font-size:inherit;color:inherit;margin:0}
.reference-hero .offer-box strong::after{content:" · "}
.reference-hero .promo-terms{display:inline;margin-left:8px;font-size:12px}
.hero{background:#032e3e;color:#fff;padding:74px 0 42px;text-align:left;overflow:visible}
.hero::before{display:none}
.hero h1{font-family:inherit;color:#fff;font-size:clamp(30px,2.12vw,42px);font-weight:800;line-height:1.3;letter-spacing:-.6px;text-shadow:none;margin:0 0 30px}
.hero-intro{font-size:21px;line-height:1.6;color:#f1f8fa;max-width:none;margin:0 0 28px}
.home-page .hero{padding-top:110px;padding-bottom:44px}
.home-page .hero h1{margin-bottom:34px}
.article-banner{display:block;width:100%;height:auto;aspect-ratio:3.45;object-fit:cover;border-radius:22px;margin:0 0 32px}
.hero .offer-box{background:#074457;border:1px solid #267086;border-radius:16px;margin:25px 0;padding:20px 24px;text-align:left;max-width:650px}
.hero .offer-box strong{color:#ffe961;font-size:26px}
.hero .offer-box span{color:#d8eaf0;font-size:16px}
.hero .btn-primary{background:#3184ff;color:#fff;border:0;padding:18px 32px;font-size:21px;border-radius:999px}
.toc-nav{position:relative;top:auto;background:#032e3e;border-bottom:1px solid #285465;padding:15px 0 28px;z-index:5}
.toc-scroll{gap:12px}
.toc-pill{background:#0b4154;color:#e2f5f8;border:1px solid #296274;padding:10px 19px;font-size:14px}
.toc-pill:hover{background:#3184ff;color:#fff;border-color:#3184ff}
.main-content{padding:44px 0 60px}
.main-content section{background:transparent;padding:30px 0;margin:0 0 30px;box-shadow:none;border-radius:0;border-bottom:1px solid #235466}
h2{font-family:inherit;font-size:32px;line-height:1.35;font-weight:700;color:#fff;border:0;padding:0;margin-bottom:26px;letter-spacing:-.45px}
h3{font-family:inherit;font-size:24px;line-height:1.4;font-weight:600;color:#fff;margin:32px 0 17px}
h4{color:#fff}
p{margin-bottom:22px}
li{margin-bottom:12px}
a{color:#61efd5}
a:hover{color:#fff}
.answer-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0}
.answer-box{background:#0b4052;border:1px solid #245769;border-top:3px solid #3ae0c1;border-radius:16px;padding:24px;box-shadow:none}
.answer-box h4{font-size:15px;letter-spacing:.04em;color:#61efd5;margin-bottom:12px}
.answer-box p{font-size:16px;color:#d9e9ee;line-height:1.65}
.table-scroll-wrap{border:1px solid #28596b;border-radius:16px;box-shadow:none}
table{background:#08394a;color:#eaf3f6;font-size:16px;min-width:0}
th,td{padding:19px 21px;border-bottom:1px solid #285465;vertical-align:top}
th,tr:first-child td strong{background:#104b60;color:#fff;font-weight:600}
tr:nth-child(even){background:#0a3e50}
.main-content section>table{display:table;width:100%;border-radius:14px}
.howto-steps li{background:#0b4052;padding:20px 22px 20px 62px;border:1px solid #245769}
.howto-steps li::before{left:18px;width:30px;height:30px;background:#3184ff}
.game-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin:26px 0}
.game-tile{aspect-ratio:1.3;background:linear-gradient(0deg,#052c43d9,#052c4320),url("./temple-banner.png") center/cover;border:1px solid #b68e46;border-radius:18px;align-items:flex-end;padding:24px 12px;box-shadow:none}
.game-tile:nth-child(even){background-position:25% center}
.game-tile:nth-child(3n){background-position:80% center}
.game-tile::before{background:linear-gradient(0deg,#061d2ee6,transparent 85%)}
.game-tile span{font-family:inherit;font-size:21px;font-weight:700;text-shadow:0 2px 4px #000}
.game-tile::after{content:"›";font-size:24px;background:#3184ff}
.game-actions .btn{padding:16px 28px;border:0;background:#3184ff;color:white}
.faq-item{background:#0a3d4e;border:1px solid #24596c;border-radius:16px;padding:24px 28px;margin-bottom:14px}
.faq-item h3{color:white;margin:0 0 12px;font-size:21px}
.faq-item p{color:#cce1e9;margin:0;font-size:17px}
.app-promo,.notice-box,.contact-form-wrapper,.contact-block,.author-block{background:#0b4052;color:#edf6fa;border-color:#2d6171;border-radius:18px}
.app-promo p,.notice-box p,.author-info p{color:#d4e5eb}
input,textarea,select{font:inherit!important;background:#062f40!important;color:#fff!important;border:1px solid #3a6c7e!important;border-radius:10px!important}
input:focus,textarea:focus,select:focus{outline:2px solid #5aedd3;outline-offset:2px}
button[type="submit"]{background:#3184ff;color:white;border:0;border-radius:999px;padding:16px 28px;font:600 17px Poppins,Arial,sans-serif}
label{color:#e5f2f6!important}
.site-footer{background:#101528;color:#b8ccd8;padding-top:38px;border:0}
.site-footer p,.footer-bottom{color:#b8ccd8}
.site-footer a{color:#d4e7ef}
.footer-utility-links,.responsible-badge-links{background:transparent!important}
.kativo-required-logos{background:#082f40!important;border-color:#255162!important;box-shadow:none!important}
.kativo-required-logos__tile{background:#f0f6f8!important;color:#132d3c!important}
.kativo-required-logos__wordmark{color:#163745!important}
.kativo-required-logos__summary{color:#e3f5f7!important;background:#0a3c4e!important}
:focus-visible{outline:3px solid #60efda;outline-offset:5px}
@media(min-width:1700px){body{font-size:20px}.hero-intro{font-size:25px}.main-content p{line-height:1.65}}
@media(max-width:1000px){.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-hero{aspect-ratio:1.8}.reference-hero__art{object-fit:cover}.reference-hero__cta{top:75%;height:80px;min-width:280px;font-size:32px!important}.reference-hero .offer-box{font-size:10px;bottom:8px}.reference-hero .promo-terms{font-size:10px}.home-page .hero{padding-top:65px}}
@media(max-width:640px){
.container{width:calc(100% - 36px)}
.site-header,.header-inner{height:72px}
.logo-area{width:98px;min-width:98px}.brand-logo{width:98px;height:58px}
.header-actions{gap:8px;margin-right:53px}
.header-actions .btn{height:42px;padding:0 15px;font-size:16px}
.mandatory-header-burger-nav{right:18px!important;top:14px!important}
.mandatory-header-burger__button{width:42px!important;height:42px!important;padding:7px!important;border-width:2px!important}
.mandatory-header-burger__button svg{width:23px;height:23px}
.mandatory-header-burger__panel{left:18px!important;right:18px!important;top:77px!important;min-width:0}
.reference-hero{height:500px;max-height:none;aspect-ratio:auto}
.reference-hero__art{height:390px;object-fit:cover;object-position:center;transform:none}
.reference-hero{background:linear-gradient(#02bfcf 65%,#04354a)}
.reference-hero__cta{top:370px;min-width:272px;height:78px;font-size:30px!important;padding:0 22px!important}
.reference-hero .offer-box{bottom:10px;font-size:10px;line-height:1.45;max-width:330px}
.reference-hero .offer-box strong,.reference-hero .offer-box span,.reference-hero .promo-terms{display:inline;font-size:10px}
.hero,.home-page .hero{padding:42px 0 20px}
.hero h1{font-size:29px;margin-bottom:22px;letter-spacing:-.45px}
.hero-intro{font-size:17px;line-height:1.7}
.article-banner{aspect-ratio:2.1;border-radius:15px;margin-bottom:24px}
.hero .offer-box{padding:18px}.hero .offer-box strong{font-size:23px}
.toc-nav{padding:6px 0 18px}.toc-pill{font-size:13px}
.main-content{padding:20px 0 32px}
.main-content section{padding:22px 0;margin-bottom:18px}
body{font-size:16px}
h2{font-size:25px;margin-bottom:20px}h3{font-size:21px}
.answer-grid{grid-template-columns:1fr;gap:13px}
.answer-box{padding:20px}
.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.game-tile{aspect-ratio:1.18}.game-tile span{font-size:19px}
th,td{padding:14px;min-width:140px;font-size:14px}
table{min-width:540px}
.faq-item{padding:20px}.faq-item h3{font-size:18px}.faq-item p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Secondary offer */
body{padding-bottom:0}
.sticky-cta{position:relative;bottom:auto;left:auto;right:auto;background:#0b4052;color:#fff;box-shadow:none;border-top:1px solid #295668;padding:25px 60px;z-index:1}
.sticky-cta p{color:#e7f3f6;font-size:16px}.sticky-cta .btn-primary{background:#3184ff;border:0;color:#fff;padding:14px 25px}.close-sticky{color:#cde4ec}
@media(max-width:360px){.logo-area{width:85px;min-width:85px}.brand-logo{width:85px}.header-actions .btn{padding:0 12px;font-size:15px}.header-actions{gap:6px}}
.hero h1{text-transform:none}.hero .btn-primary{box-shadow:none}
.header-actions .btn-outline{display:inline-flex!important}
/* Fill the content column; scroll the wrapper only on narrow screens. */
.main-content .table-scroll-wrap{display:block;box-sizing:border-box;width:100%;max-width:100%;overflow-x:auto!important}
.main-content .table-scroll-wrap table{display:table!important;width:100%!important;min-width:640px!important;max-width:none!important;table-layout:auto}