@import "https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";
*,:before,:after{box-sizing:border-box}html,body{color:#f7f5f8;background:#1e1822;margin:0;padding:0;font-family:Outfit,sans-serif}a{color:#ffaa06;text-decoration:none}
.container{width:min(1120px,100% - 32px);margin:0 auto}main{min-height:70vh}.banner picture,.banner img{border-radius:14px;width:100%;display:block}.hero{text-align:center;padding:32px 0}.hero h1{margin:0 0 18px;font-size:clamp(1.65rem,4vw,2.6rem)}.hero-payments{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}.hero-payments img{object-fit:contain;width:auto;height:26px}@media (max-width:767px){.container{width:calc(100% - 24px)}}
.site-header{z-index:55;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#93a7c41a 0%,#4a54620d 25%,#0000 50%,#1b141714 75%,#35272e29 100%),#35272e;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;padding:15px;display:flex}.main-nav{gap:15px;display:flex}.main-nav a{color:#f4dac0;font-size:16px}.main-nav .active{color:#ffaa06;border-bottom:2px solid #ffaa06}.burger{display:none}@media (max-width:1280px){.burger{color:#ffaa06;cursor:pointer;background:0 0;border:0;font-size:22px;display:inline-flex}.main-nav{background:#2a202f;flex-direction:column;align-items:center;gap:20px;width:100%;padding:16px;display:none;position:absolute;top:100%;left:0}.main-nav.open{display:flex}}@media (max-width:480px){.header-ctas{order:3;justify-content:center;width:100%;margin-top:15px;flex-wrap:nowrap!important}.header-ctas a{width:100%}.header-inner{flex-wrap:wrap}}
.btn{border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;font-weight:700;transition:transform .25s,opacity .25s,box-shadow .25s;display:inline-flex}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000038}.primary-btn{color:#1e1822;background:#ffaa06}.secondary-btn{color:#ffaa06;border:1px solid #ffaa06}.header-ctas,.hero-cta-row,.cta-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cta-row{margin-top:2rem}
.content{gap:24px;padding-bottom:24px;display:grid}.content article{background:#2b2230;border:1px solid #ffaa062e;border-radius:14px;padding:18px}.banner{width:100%;max-width:1200px;margin:2rem auto}.content h2,.faq h2{color:#ffaa06;margin:0 0 12px;font-size:28px}.content p{color:#f4dac0;margin:0 0 12px;font-size:18px;line-height:1.8}.content-picture{margin:0 0 14px;display:block}.content-picture img{border-radius:12px;width:100%;display:block}.content a:not(.btn):hover{text-decoration:underline}.faq{padding:8px 0 40px}.faq details{background:#2b2230;border-radius:12px;margin-bottom:10px}.faq details summary{cursor:pointer;color:#f4dac0;flex-direction:row-reverse;justify-content:space-between;align-self:center;padding:20px 14px;font-size:18px;display:flex}.faq details[open] summary{color:#ffaa06}.faq details summary::marker{content:none}.faq details summary:before{content:"+";color:#f4dac0;font-size:24px;font-weight:600}.faq details[open] summary:before{content:"-";color:#ffaa06}.faq details p{color:#f4dac0;-webkit-user-select:none;user-select:none;margin:0;padding:0 14px 20px;font-size:16px}
.site-footer{border-top:1px solid #ffaa0638;padding:22px 40px}@media (max-width:768px){.site-footer{padding:22px 15px 60px}}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:14px;display:grid}.footer-column h3{color:#ffaa06;margin:0 0 10px}.footer-links{gap:8px;display:grid}.footer-links a{color:#f4dac0;font-size:18px}.footer-links a:hover{color:#ffaa06}.logo-row{flex-wrap:wrap;gap:12px;margin-bottom:8px;display:flex}.logo-row img{width:auto;height:30px;max-width:unset;object-fit:contain}.copyright{opacity:.75;text-align:center;border-top:1px solid #ffaa0638;margin-top:35px;padding-top:15px}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
.sticky-bar{z-index:50;transition:bottom .35s;display:none;position:fixed;bottom:-88px;left:12px;right:12px}.sticky-bar.visible{bottom:12px}.sticky-bar .btn{width:100%}@media (max-width:768px){.sticky-bar{display:block}}

