/* New-site bonus skin. All visual rules are scoped to approved #bonusPage. */
#bonusPage{
 --main-font-in:MexnanceInter,Arial,"Malgun Gothic",sans-serif;
 --main-font-os:MexnanceInter,Arial,"Malgun Gothic",sans-serif;
 background:#141619;color:#f5f6f7;font-family:inherit;font-size:16px;line-height:1.7;
}
#bonusPage[data-bonus-lang]{--main-font-in:MexnanceInter,Arial,"Malgun Gothic",sans-serif;--main-font-os:MexnanceInter,Arial,"Malgun Gothic",sans-serif}
#bonusPage h1,#bonusPage h2,#bonusPage h3,#bonusPage .text-link{font-family:inherit}
#bonusPage h1{font-size:clamp(43px,4.6vw,68px);line-height:1.12;font-weight:560;letter-spacing:-.045em}
#bonusPage h2{font-size:clamp(33px,3.15vw,46px);line-height:1.18;font-weight:560;letter-spacing:-.04em}
#bonusPage h3,#bonusPage .steps-grid h3,#bonusPage .terms-list h3{font-size:24px;line-height:1.35;font-weight:540;letter-spacing:-.025em}
#bonusPage .page-width{width:calc(100% - 112px);max-width:1392px;margin-inline:auto}
#bonusPage .eyebrow{font-family:inherit;font-size:11px;letter-spacing:.12em;color:#f28074}
#bonusPage .eyebrow::before{content:none;display:none}
#bonusPage .eyebrow.red{color:#f28074}
#bonusPage .bonus-hero{background:radial-gradient(ellipse at 80% 35%,#663b3c2b,transparent 60%),#17191d;border-color:#39414b}
#bonusPage .hero-grid{min-height:610px;gap:70px;padding-block:75px}
#bonusPage .hero-description{font-size:16px;line-height:1.85;color:#b9c3cf;max-width:555px}
#bonusPage .hero-small{font-size:12px;line-height:1.85;color:#99a7b9}
#bonusPage .hero-copy .eyebrow{color:#b8c1cc;font-size:11px}
#bonusPage .hero-art{height:445px}
#bonusPage .bonus-number{color:#f0f3f7;font-family:inherit;font-weight:500}
#bonusPage .bonus-number>span,#bonusPage .bonus-number i{font-family:inherit}
#bonusPage .bonus-number i{color:#f48174}
#bonusPage .account-screen{border-color:#566170;background:#252c35;box-shadow:0 30px 70px #0005}
#bonusPage .screen-top{background:#303741;border-color:#4c5664}
#bonusPage .screen-top>span{font-size:9px;color:#bac5d4;letter-spacing:.08em}
#bonusPage .screen-body{background:linear-gradient(135deg,#303944,#242b34)}
#bonusPage .account-caption{color:#acb9cc;font-size:10px;letter-spacing:.1em}
#bonusPage .deposit-display{font-size:36px;color:#f3f6fa}
#bonusPage .deposit-display>span{color:#9aa9bc}
#bonusPage .credit-line>div{font-size:12px;color:#b7c4d6}
#bonusPage .credit-line strong{color:#ffa295;font-size:21px}
#bonusPage .total-line{font-size:11px;color:#aab8cb}
#bonusPage .total-line strong{color:#e9eef6;font-size:17px}
#bonusPage .rate-chip{font-size:10px;background:#b4473f2b;color:#ffa294}
#bonusPage .screen-bottom{background:#20262e;font-size:8px;letter-spacing:.05em;color:#aebcd0}
#bonusPage .credit-slip{background:#343c48;border:1px solid #5e6979;color:#f2f5fa;box-shadow:0 20px 45px #0005}
#bonusPage .credit-slip small,#bonusPage .credit-slip div>span{color:#b3c0d3}
#bonusPage .credit-slip small{font-size:8px}
#bonusPage .credit-slip div>span{font-size:10px}
#bonusPage .quick-facts{background:#20252c;border-color:#424c59}
#bonusPage .fact-grid{min-height:125px;gap:32px}
#bonusPage .fact-grid b{font-size:29px;font-weight:500;color:#f0f4fa}
#bonusPage .fact-grid>div>span{font-size:12px;color:#9faec2}
#bonusPage .fact-grid>a{border-color:#4a5565;color:#e0e7f0;font-size:13px}
#bonusPage .fact-grid>a>span{color:#f38a7c}
#bonusPage .rates-section{padding-block:90px;scroll-margin-top:145px}
#bonusPage .section-heading{gap:60px;margin-bottom:40px}
#bonusPage .section-heading>p,#bonusPage .terms-intro>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#aebbd0}
#bonusPage .section-heading>p{max-width:440px}
#bonusPage .rate-explorer{background:#232a33;border-color:#4c586a;padding:29px 30px}
#bonusPage .small-label{font-size:12px;letter-spacing:.06em;color:#acb9cc}
#bonusPage .tier-buttons button{background:#292f39;border-color:#515e70;color:#e8eef7;font-size:23px;line-height:1.5;padding:17px 19px}
#bonusPage .tier-buttons button>span{font-size:13px;color:#a7b5c8;line-height:1.65}
#bonusPage .tier-buttons button:hover{border-color:#ce796e;background:#352c32}
#bonusPage .tier-buttons button[aria-pressed=true]{background:#443037;border-color:#d77c70;color:#ffab9d}
#bonusPage .tier-buttons button[aria-pressed=true]>span{color:#efb5ae}
#bonusPage .calculation{border-color:#4b5768;margin-top:27px;padding-top:25px}
#bonusPage .calculation>div>span{color:#aab8cc;font-size:13px}
#bonusPage .calculation strong{color:#ff9e8e;font-size:36px;line-height:1.4}
#bonusPage .calculation b{color:#ecf1f9;font-size:29px;line-height:1.4}
#bonusPage .calculation-divider{background:#536073}
#bonusPage .calculation-rate{border-color:#946057;color:#f8aa9c;background:#5b302c33;font-size:12px}
#bonusPage .bonus-table-wrap{border:1px solid #4a5668;border-top:0;background:#20262e}
#bonusPage .bonus-table{font-size:15px;color:#dce6f3;line-height:1.8}
#bonusPage .bonus-table th,#bonusPage .bonus-table td{padding:19px 30px;border-color:#475469;font-weight:400}
#bonusPage .bonus-table thead th{background:#333d4b;color:#f3f6fc;font-size:13px;font-weight:550}
#bonusPage .bonus-table tbody tr:nth-child(even){background:#252e3a}
#bonusPage .bonus-table tbody tr.highlight-row{background:#413038}
#bonusPage .bonus-table tbody td:nth-child(2){color:#ff9f91;font-weight:550}
#bonusPage .table-note{font-size:13px;line-height:1.85;color:#9eacc2;margin-top:20px}
#bonusPage .how-section{background:#1c222b;padding-block:85px;border-block:1px solid #374251}
#bonusPage .step-number{font-family:inherit;color:#ef8478;font-size:44px}
#bonusPage .step-line{background:#465468}
#bonusPage .steps-grid p{font-size:15px;line-height:1.9;color:#aebdd3;max-width:none;min-height:115px}
#bonusPage .steps-grid a{font-size:13px}
#bonusPage .application-note{border-color:#46536a}
#bonusPage .application-note p{font-size:13px;color:#a0b0c6;line-height:1.85}
#bonusPage .application-note>a{font-size:14px;color:#e3ebf7}
#bonusPage .note-icon{border-color:#78899f;color:#bccbdf}
#bonusPage .terms-summary{border-color:#425067;gap:85px;padding-block:90px}
#bonusPage .terms-list>article{border-color:#414f63;padding-block:27px}
#bonusPage .terms-list>article>span{color:#f48d80;font-size:13px}
#bonusPage .terms-list p,#bonusPage details p{font-size:15px;line-height:1.9;color:#adbed6}
#bonusPage .terms-intro>a{font-size:14px}
#bonusPage .faq-section{gap:85px;padding-block:75px 90px}
#bonusPage details{border-color:#48566c}
#bonusPage summary{font-size:17px;line-height:1.65;font-weight:500;gap:24px;padding-block:24px;color:#e9f0fa}
#bonusPage summary>span{color:#f48b7e;font-size:25px}
#bonusPage details p{padding-inline-end:30px}
#bonusPage .closing-cta{background:linear-gradient(120deg,#35282e,#232a35);border:1px solid #78504f;border-inline-start:3px solid #ed7264;padding:50px 55px;gap:48px}
#bonusPage .closing-cta h2{font-size:37px}
#bonusPage .closing-cta .eyebrow{font-size:11px;color:#c5adad}
#bonusPage .closing-cta p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b9c5d7}
#bonusPage .closing-cta p a{color:#edf2fa}
#bonusPage .bonus-risk{font-size:12px;line-height:1.9;color:#98a8c0;margin-bottom:65px}
#bonusPage .button{font-family:inherit;font-size:14px;line-height:1.5;font-weight:600;min-height:54px;padding:16px 22px;gap:25px}
#bonusPage .button-red{background:#dc362c;color:#fff}
#bonusPage .button-red:hover{background:#ef493e}
#bonusPage .text-link{font-size:14px;color:#f08c7e;border-color:#7d635e;line-height:1.7}
#bonusPage .text-link.light{font-size:14px;color:#e8eef6;border-color:#606c7e}
#bonusPage .bonus-language-notice{padding:14px max(56px,calc((100% - 1392px)/2));border-bottom:1px solid #4c5260;background:#282b32;color:#c5ccda;font-size:13px;line-height:1.7}
#bonusPage[data-bonus-lang=ar] .fact-grid>a{border-color:#4a5565}
#bonusPage[data-bonus-lang=ar] .closing-cta{border-right-color:#ed7264}
@media(max-width:1200px){
 #bonusPage .hero-grid{gap:45px;min-height:565px}
 #bonusPage .hero-art{transform:scale(.9);transform-origin:center}
 #bonusPage .tier-buttons button{font-size:21px;padding-inline:15px}
 #bonusPage .closing-cta{padding:38px}
}
@media(max-width:1100px){
 #bonusPage .page-width{width:calc(100% - 64px)}
 #bonusPage .hero-grid{gap:30px}
 #bonusPage .hero-art{margin-inline:-15px}
 #bonusPage .steps-grid p{min-height:144px}
 #bonusPage .bonus-language-notice{padding-inline:32px}
}
@media(max-width:900px){
 #bonusPage .hero-grid{grid-template-columns:1fr;gap:28px;padding-block:58px;min-height:auto}
 #bonusPage .hero-copy{max-width:650px}
 #bonusPage .hero-description{max-width:600px}
 #bonusPage .hero-art,#bonusPage[data-bonus-lang] .hero-art{width:100%;max-width:540px;height:440px;margin:0 auto;transform:none}
 #bonusPage .hero-art .account-screen{left:0;right:30px}
 #bonusPage .hero-small{max-width:560px}
 #bonusPage .section-heading{align-items:start;gap:35px}
 #bonusPage .section-heading>p{max-width:350px}
 #bonusPage .terms-summary,#bonusPage .faq-section{grid-template-columns:1fr 1.5fr;gap:40px}
 #bonusPage .steps-grid{gap:28px}
 #bonusPage .steps-grid p{min-height:180px}
 #bonusPage .tier-buttons{gap:9px}
 #bonusPage .tier-buttons button{padding:15px 12px;font-size:19px}
}
@media(max-width:650px){
 #bonusPage .page-width{width:calc(100% - 40px)}
 #bonusPage h1{font-size:clamp(39px,8.8vw,54px);line-height:1.15;letter-spacing:-.04em}
 #bonusPage h2,#bonusPage .faq-section h2,#bonusPage .closing-cta h2{font-size:33px;line-height:1.25}
 #bonusPage h3,#bonusPage .steps-grid h3,#bonusPage .terms-list h3{font-size:23px}
 #bonusPage .hero-grid{padding-block:42px 55px}
 #bonusPage .hero-description{font-size:15px;line-height:1.85}
 #bonusPage .hero-art,#bonusPage[data-bonus-lang] .hero-art{max-width:400px;height:365px}
 #bonusPage .bonus-number{font-size:126px;right:28px}
 #bonusPage .bonus-number i{font-size:62px}
 #bonusPage .bonus-number>span{font-size:8px}
 #bonusPage .account-screen{top:113px}
 #bonusPage .screen-body{padding:20px}
 #bonusPage .screen-top{padding:15px 18px}
 #bonusPage .screen-top>span{font-size:8px;max-width:105px}
 #bonusPage .credit-line>div{font-size:11px}
 #bonusPage .credit-line strong{font-size:18px}
 #bonusPage .credit-slip{bottom:-15px;right:0;padding:14px 17px}
 #bonusPage .credit-slip strong{font-size:23px}
 #bonusPage .hero-small{font-size:12px}
 #bonusPage .fact-grid,#bonusPage[data-bonus-lang] .fact-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;min-height:130px}
 #bonusPage .fact-grid b,#bonusPage[data-bonus-lang] .fact-grid b{font-size:24px}
 #bonusPage .fact-grid>div>span{font-size:11px;line-height:1.75}
 #bonusPage .rates-section{padding-block:60px}
 #bonusPage .section-heading{display:block;margin-bottom:30px}
 #bonusPage .section-heading>p{font-size:15px;line-height:1.9;max-width:none;margin-top:23px}
 #bonusPage .rate-explorer{padding:22px 17px}
 #bonusPage .tier-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
 #bonusPage .tier-buttons button,#bonusPage[data-bonus-lang] .tier-buttons button{font-size:18px;padding:13px 10px}
 #bonusPage .tier-buttons button>span,#bonusPage[data-bonus-lang] .tier-buttons button>span{font-size:12px;line-height:1.75}
 #bonusPage .calculation{flex-wrap:wrap;gap:19px;padding-block:22px 0}
 #bonusPage .calculation strong{font-size:30px}
 #bonusPage .calculation b{font-size:25px}
 #bonusPage .calculation>div>span{font-size:12px}
 #bonusPage .calculation-rate{position:static;flex-basis:100%;margin:0;padding:8px 10px;font-size:12px}
 #bonusPage .bonus-table{min-width:550px;font-size:14px}
 #bonusPage .bonus-table th,#bonusPage .bonus-table td{padding:16px 19px}
 #bonusPage .bonus-table thead th{font-size:13px}
 #bonusPage .table-note{font-size:12px}
 #bonusPage .how-section{padding-block:60px}
 #bonusPage .steps-grid{grid-template-columns:1fr;gap:36px}
 #bonusPage .steps-grid p{min-height:0;font-size:15px;line-height:1.9}
 #bonusPage .steps-grid a{font-size:14px;line-height:1.7}
 #bonusPage .application-note{gap:15px;margin-top:34px}
 #bonusPage .application-note p{font-size:13px;line-height:1.85}
 #bonusPage .application-note>a{font-size:14px}
 #bonusPage .terms-summary,#bonusPage .faq-section{grid-template-columns:1fr;gap:35px;padding-block:60px}
 #bonusPage .terms-intro>p:not(.eyebrow){font-size:15px;max-width:500px;line-height:1.9}
 #bonusPage .terms-list p,#bonusPage details p{font-size:15px;line-height:1.9}
 #bonusPage summary{font-size:17px;line-height:1.7}
 #bonusPage .closing-cta{display:flex;flex-direction:column;align-items:flex-start;padding:30px 25px;gap:28px}
 #bonusPage .closing-cta p:not(.eyebrow){font-size:14px;line-height:1.9}
 #bonusPage .closing-cta .button{max-width:100%;white-space:normal}
 #bonusPage .bonus-risk{font-size:12px;margin-bottom:45px}
 #bonusPage .bonus-language-notice{padding-inline:20px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){#bonusPage .button{transition:none}#bonusPage .button:hover{transform:none}}