:root{
  --color-bg:#0b1020;
  --color-elev:#141a33;
  --color-text:#e8ecf3;
  --color-muted:#9aa3b2;
  --color-primary:#ffb703;
  --color-primary-contrast:#0b1020;
  --radius:0.75rem;
  --radius-sm:0.5rem;
  --shadow:0 6px 20px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;
  line-height:1.5;
  color:var(--color-text);
  background:var(--color-bg);
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
.rabona-link{color:#e8f900;font-weight:600;text-decoration:underline;text-decoration-color:rgba(232,249,0,.4);text-underline-offset:2px;transition:all .2s ease}
.rabona-link:hover{color:#d2003a;text-decoration-color:#d2003a;transform:translateY(-1px)}
.rabona-link:focus{outline:2px solid #ffffff66;outline-offset:2px;border-radius:2px}
h2{color:#ba1e3c}
h3{color:#fef763}
.container{max-width:1200px;margin-inline:auto;padding:0 1rem}

.site-header{position:sticky;top:0;z-index:50;background:rgba(11,16,32,.8);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px}
.site-header__logo img{height:auto;width:107px}

.site-header__nav{display:flex}
.site-header__nav-list{display:flex;gap:1.25rem;list-style:none;margin:0;padding:0}
.site-header__nav-link{padding:.5rem .25rem;border-radius:.25rem;color:var(--color-muted)}
.site-header__nav-link:focus,.site-header__nav-link:hover{color:var(--color-text)}

.site-header__actions{display:flex;gap:.75rem}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;font-weight:600;line-height:1;border:0}
.btn:focus{outline:2px solid #ffffff66;outline-offset:2px}
.btn--primary{background:#d2003a;color:#fff}
.btn--primary:hover{filter:brightness(1.05)}
.btn--secondary{background:var(--color-elev);color:var(--color-text);border:1px solid rgba(255,255,255,.12)}
.btn--secondary:hover{background:#1a2244}

.mobile-menu-button{display:none;position:fixed;right:max(1rem, env(safe-area-inset-right) + 1rem);bottom:max(1rem, env(safe-area-inset-bottom) + 1rem);width:56px;height:56px;border-radius:50%;background:#d2003a;color:#fff;border:0;box-shadow:var(--shadow);z-index:60}
.mobile-menu-button:focus{outline:2px solid #ffffff88;outline-offset:2px}
.mobile-menu-button__icon{position:relative;display:block;width:22px;height:2px;background:currentColor;margin:0 auto}
.mobile-menu-button__icon::before,.mobile-menu-button__icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor}
.mobile-menu-button__icon::before{top:-7px}
.mobile-menu-button__icon::after{top:7px}

.mobile-nav{position:fixed;inset:0;display:none}
.mobile-nav[aria-hidden="false"]{display:block}
.mobile-nav__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}
.mobile-nav__panel{position:absolute;right:0;bottom:0;left:0;background:var(--color-elev);border-radius:1rem 1rem 0 0;box-shadow:var(--shadow);transform:translateY(100%);transition:transform .3s ease}
.mobile-nav[aria-hidden="false"] .mobile-nav__panel{transform:translateY(0)}
.mobile-nav__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08)}
.mobile-nav__title{font-weight:700}
.mobile-nav__close{background:transparent;border:0;color:var(--color-text);width:40px;height:40px;border-radius:50%}
.mobile-nav__close:focus{outline:2px solid #ffffff66;outline-offset:2px}
.mobile-nav__close-icon{position:relative;display:block;width:18px;height:2px;background:transparent;margin:0 auto}
.mobile-nav__close-icon::before,.mobile-nav__close-icon::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor}
.mobile-nav__close-icon::before{transform:rotate(45deg)}
.mobile-nav__close-icon::after{transform:rotate(-45deg)}
.mobile-nav__body{padding:1rem}
.mobile-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}
.mobile-nav__link{display:block;padding:.9rem 1rem;border-radius:.75rem;background:#0f1733;color:var(--color-text);border:1px solid rgba(255,255,255,.06)}
.mobile-nav__link:focus,.mobile-nav__link:hover{background:#121c3d}

.site-main{isolation:isolate}
.hero{position:relative;min-height:60vh;display:flex;align-items:center;background:#0b1020;color:var(--color-text);padding:4rem 0}
.hero::before{content:"";position:absolute;inset:0;background:url('images/rabgm.webp') top center/cover no-repeat;opacity:.35}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(11,16,32,0.0) 0%, rgba(11,16,32,0.66) 70%, rgba(11,16,32,1) 100%)}
.hero__inner{position:relative;z-index:1}
.hero__content{max-width:760px}
.hero__title{font-size:2rem;line-height:1.1;margin:0 0 1rem}
.hero__text{font-size:1rem;color:var(--color-text);margin:0 0 1.5rem}
.hero__actions{display:flex;gap:.75rem}
.hero__actions .btn--primary{animation:heroPulse 1600ms ease-out 300ms 1 both}
@media (prefers-reduced-motion: reduce){
  .hero__actions .btn--primary{animation:none}
}
@keyframes heroPulse{
  0%{transform:scale(.98);box-shadow:0 0 0 0 rgba(210,0,58,.4)}
  60%{transform:scale(1.02);box-shadow:0 0 0 12px rgba(210,0,58,0)}
  100%{transform:scale(1);box-shadow:0 0 0 0 rgba(210,0,58,0)}
}

@media (min-width: 769px){
  .hero{min-height:70vh;padding:6rem 0}
  .hero::before{background-image:url('images/rabg.webp');background-position:left center;opacity:.45}
  .hero__title{font-size:3rem}
  .hero__text{font-size:1.125rem}
}

@media (max-width: 768px){
  .site-header__nav{display:none}
  .mobile-menu-button{display:inline-flex;align-items:center;justify-content:center}
  .site-header__logo{flex:1}
}

@media (min-width: 769px){
  .mobile-menu-button{display:none}
}

.info{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.info__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.info__text{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.info__text p{margin:0;color:var(--color-text);line-height:1.6;font-size:1.05rem}
.info__media{justify-self:center}
.info__media img{border-radius:0.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:520px;width:100%;height:auto}

@media (min-width: 900px){
  .info{padding:3.5rem 0}
  .info__inner{grid-template-columns:1.2fr .8fr;gap:3rem}
  .info__text{padding:2.5rem}
}

.proscons{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.proscons h2{margin:0 0 2rem;font-size:1.5rem}
.proscons__scroll{overflow:visible;border:0;border-radius:0;background:transparent;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.proscons__table{width:100%;border-collapse:separate;border-spacing:0}
.proscons__table th,.proscons__table td{padding:1.25rem;vertical-align:top;text-align:left;line-height:1.6}
.proscons__table thead th{background:rgba(11,16,32,.6);border-bottom:1px solid rgba(255,255,255,.12);border-radius:.5rem .5rem 0 0}
.proscons__table tbody tr td{border-top:1px solid rgba(255,255,255,.06)}
.proscons__table th{font-weight:700}
.proscons__table td{color:var(--color-text)}

@media (max-width: 768px){
  .proscons__scroll{padding:1.5rem}
  .proscons__table thead{display:none}
  .proscons__table, .proscons__table tbody, .proscons__table tr, .proscons__table td{display:block;width:100%}
  .proscons__table tr{background:linear-gradient(135deg, rgba(11,16,32,.4), rgba(11,16,32,.6));border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:.5rem;margin-bottom:1.5rem;box-shadow:0 4px 16px rgba(0,0,0,.3)}
  .proscons__table tr:last-child{margin-bottom:0}
  .proscons__table td{border:0;padding:1rem 1.25rem;line-height:1.6}
  .proscons__table td + td{border-top:1px solid rgba(255,255,255,.08)}
  .proscons__table td::before{content:attr(data-label);display:block;font-weight:700;color:var(--color-muted);margin-bottom:.5rem}
}

@media (min-width: 900px){
  .proscons{padding:3.5rem 0}
  .proscons h2{font-size:1.75rem}
  .proscons__scroll{padding:2.5rem}
  .proscons__table{border-radius:.5rem;overflow:hidden;background:rgba(11,16,32,.2)}
  .proscons__table thead th{background:rgba(11,16,32,.8);backdrop-filter:saturate(1.2) blur(6px)}
  .proscons__table tbody tr:nth-child(odd) td{background:rgba(255,255,255,.02)}
}

.payment{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.payment__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}
.payment__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.payment__content > p{margin:0 0 1.5rem;color:var(--color-text);line-height:1.6}
.payment__list{margin:0 0 2rem 1.5rem;padding:0;display:grid;gap:.75rem}
.payment__list li{color:var(--color-text);line-height:1.6}
.payment__actions{display:flex;gap:.75rem}
.payment__media{justify-self:center}
.payment__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:560px;width:100%;height:auto}

@media (min-width: 900px){
  .payment{padding:3.5rem 0}
  .payment__inner{grid-template-columns:1.2fr .8fr;gap:3rem}
  .payment__content{padding:2.5rem}
}

.bonus{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.bonus__section{margin-bottom:3rem;padding:1.5rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.bonus__section p{margin:0 0 .75rem;color:var(--color-text)}
.bonus__section:last-child{margin-bottom:0}
.bonus__cashback-list{margin:0 0 1.25rem 1.5rem;padding:0;display:grid;gap:1rem}
.bonus__cashback-list li{color:var(--color-text);line-height:1.6}
.bonus__cashback-list li p{margin:.5rem 0 0 0;color:var(--color-text);line-height:1.6}
.bonus__welcome{display:grid;grid-template-columns:1fr;gap:1.5rem;margin:2rem 0;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.6), rgba(20,26,51,0.8));border-radius:.75rem;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.bonus__welcome h3{margin-top:0;margin-bottom:1.5rem}
.bonus__welcome-content{display:grid;gap:1.5rem}
.bonus__welcome-content p{margin:0 0 1rem;color:var(--color-text);line-height:1.6}
.bonus__welcome-content p:last-child{margin-bottom:0}
.bonus__welcome-media{display:flex;justify-content:center;align-items:center;margin-top:2rem}
.bonus__welcome-media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:400px;width:100%;height:auto}
.bonus__actions{display:flex;gap:.75rem;margin-top:3rem;justify-content:center}

@media (min-width: 768px){
  .bonus__section{padding:2rem}
  .bonus__welcome{padding:2.5rem}
}

@media (min-width: 900px){
  .bonus{padding:3.5rem 0}
  .bonus__welcome{display:grid;grid-template-columns:1fr 360px;gap:3rem;align-items:center;padding:3rem}
  .bonus__welcome-media{margin-top:0}
}

.games{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.games h2{margin:0 0 2rem;font-size:1.5rem}
.games__image{margin:2rem 0;border-radius:.75rem;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.4)}
.games__image img{width:100%;height:auto;display:block}
.games__section{margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.games__section:last-child{margin-bottom:0}
.games__section h3{margin-top:0;margin-bottom:1.5rem}
.games__section p{margin:0;color:var(--color-text);line-height:1.6}

@media (min-width: 768px){
  .games__section{padding:2.5rem}
}

@media (min-width: 900px){
  .games{padding:3.5rem 0}
  .games h2{font-size:1.75rem}
  .games__section{padding:3rem}
}

.sports{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.sports__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.sports__content h2{margin-top:0;margin-bottom:1.5rem}
.sports__content p{margin:0 0 1rem;color:var(--color-text);line-height:1.6}
.sports__content p:last-child{margin-bottom:0}
.sports__list{margin:0 0 1.5rem 1.5rem;padding:0;display:grid;gap:.75rem}
.sports__list li{color:var(--color-text);line-height:1.6}
.sports__media{justify-self:center}
.sports__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

@media (min-width: 768px){
  .sports__inner{padding:2.5rem}
}

@media (min-width: 900px){
  .sports{padding:3.5rem 0}
  .sports__inner{grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3rem}
}

.support{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.support__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.support__content h2{margin-top:0;margin-bottom:1.5rem}
.support__content p{margin:0 0 1rem;color:var(--color-text);line-height:1.6}
.support__content p:last-child{margin-bottom:0}
.support__list{margin:0 0 1.5rem 1.5rem;padding:0;display:grid;gap:.75rem}
.support__list li{color:var(--color-text);line-height:1.6}
.support__actions{display:flex;gap:.75rem;margin-top:1.5rem}
.support__media{justify-self:center}
.support__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

@media (min-width: 768px){
  .support__inner{padding:2.5rem}
}

@media (min-width: 900px){
  .support{padding:3.5rem 0}
  .support__inner{grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3rem}
}

.licenses{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.licenses__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.licenses__content h2{margin-top:0;margin-bottom:1.5rem}
.licenses__content p{margin:0;color:var(--color-text);line-height:1.6}

.faq{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.faq h2{margin:0 0 2rem;font-size:1.5rem}
.faq__item{margin-bottom:1.5rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow);overflow:hidden}
.faq__item:last-child{margin-bottom:0}
.faq__question{width:100%;padding:1.5rem 2rem;background:transparent;border:0;color:var(--color-text);text-align:left;font-size:1rem;font-weight:600;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease}
.faq__question:hover{background:rgba(255,255,255,.04)}
.faq__question:focus{outline:2px solid #ffffff66;outline-offset:-2px}
.faq__question span:first-child{color:#fef763;line-height:1.4}
.faq__icon{position:relative;width:20px;height:20px;flex-shrink:0;margin-left:1rem}
.faq__icon::before,.faq__icon::after{content:"";position:absolute;background:currentColor;transition:transform .3s ease}
.faq__icon::before{left:50%;top:50%;width:2px;height:12px;transform:translate(-50%,-50%)}
.faq__icon::after{left:50%;top:50%;width:12px;height:2px;transform:translate(-50%,-50%)}
.faq__question[aria-expanded="true"] .faq__icon::before{transform:translate(-50%,-50%) rotate(90deg)}
.faq__answer{overflow:hidden;transition:max-height .3s ease}
.faq__answer[aria-hidden="true"]{max-height:0}
.faq__answer[aria-hidden="false"]{max-height:500px}
.faq__answer-content{padding:1rem 2rem 1.5rem}
.faq__answer-content p{margin:0;color:var(--color-text);line-height:1.6}

@media (min-width: 768px){
  .licenses__content{padding:2.5rem}
  .faq__question{padding:2rem 2.5rem}
  .faq__answer-content{padding:1rem 2.5rem 2rem}
}

@media (min-width: 900px){
  .licenses{padding:3.5rem 0}
  .licenses__content{padding:3rem}
  .faq{padding:3.5rem 0}
  .faq h2{font-size:1.75rem}
  .faq__question{padding:2.5rem 3rem;font-size:1.1rem}
  .faq__answer-content{padding:1rem 3rem 2.5rem}
}

.site-footer{padding:3rem 0 2rem;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(135deg, rgba(11,16,32,0.8), rgba(11,16,32,0.9));margin-top:2rem}
.site-footer__inner{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:center;text-align:center}
.site-footer__logo img{margin:0 auto}
.site-footer__content{display:grid;gap:.5rem}
.site-footer__copyright{margin:0;color:var(--color-text);font-weight:600;font-size:.9rem}
.site-footer__notice{margin:0;color:var(--color-muted);font-size:.8rem;line-height:1.4}

@media (min-width: 768px){
  .site-footer__inner{grid-template-columns:auto 1fr;text-align:left;gap:2rem}
  .site-footer__logo img{margin:0}
  .site-footer__content{text-align:right}
}

@media (min-width: 900px){
  .site-footer{padding:4rem 0 3rem}
  .site-footer__inner{gap:3rem}
}

/* Login Page Styles */
.login-hero{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.login-hero__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.login-hero__content h1{margin-top:0;margin-bottom:1rem;color:#ba1e3c}
.login-hero__content p{margin:0;color:var(--color-text);line-height:1.6}
.login-hero__cta{margin:1.5rem 0}
.login-hero__media{justify-self:center}
.login-hero__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

.login-signup{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.login-signup__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.login-signup__content h2{margin-top:0;margin-bottom:1.5rem;color:#ba1e3c}
.login-signup__content > p{margin:0 0 1.5rem;color:var(--color-text);line-height:1.6}
.login-signup__steps{margin:0 0 0 1.5rem;padding:0;color:var(--color-text);line-height:1.6}
.login-signup__steps li{margin-bottom:1rem}
.login-signup__sublist{margin:.5rem 0 0 1.5rem;padding:0}
.login-signup__sublist li{margin-bottom:.5rem}
.login-signup__media{justify-self:center}
.login-signup__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

.login-verification{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.login-verification__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.login-verification__content h3{margin-top:0;margin-bottom:1.5rem;color:#fef763}
.login-verification__content > p{margin:0 0 1.5rem;color:var(--color-text);line-height:1.6}
.login-verification__steps{margin:0 0 1.5rem 1.5rem;padding:0;color:var(--color-text);line-height:1.6}
.login-verification__steps li{margin-bottom:1rem}
.login-verification__docs{margin:.5rem 0 0 1.5rem;padding:0}
.login-verification__docs li{margin-bottom:.5rem}
.login-verification__cta{margin-top:1.5rem}

.login-password{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.login-password__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.login-password__content h3{margin-top:0;margin-bottom:1.5rem;color:#fef763}
.login-password__content p{margin:0;color:var(--color-text);line-height:1.6}

@media (min-width: 768px){
  .login-hero__inner{padding:2.5rem}
  .login-signup__inner{padding:2.5rem}
  .login-verification__content{padding:2.5rem}
  .login-password__content{padding:2.5rem}
}

@media (min-width: 900px){
  .login-hero{padding:3.5rem 0}
  .login-hero__inner{grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3rem}
  .login-signup{padding:3.5rem 0}
  .login-signup__inner{grid-template-columns:1.2fr .8fr;gap:3rem;padding:3rem}
  .login-verification{padding:3.5rem 0}
  .login-verification__content{padding:3rem}
  .login-password{padding:3.5rem 0}
  .login-password__content{padding:3rem}
}

/* Bonus Page Styles */
.bonus-hero{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.bonus-hero__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.bonus-hero__content h1{margin-top:0;margin-bottom:1rem;color:#ba1e3c}
.bonus-hero__content p{margin:0;color:var(--color-text);line-height:1.6}
.bonus-hero__cta{margin:1.5rem 0}
.bonus-hero__media{justify-self:center}
.bonus-hero__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

.bonus-sports{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.bonus-sports__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.bonus-sports__content h2{margin-top:0;margin-bottom:2rem;color:#ba1e3c}
.bonus-sports__item{margin-bottom:2rem}
.bonus-sports__item:last-child{margin-bottom:0}
.bonus-sports__item h3{margin:0 0 1rem;color:#fef763}
.bonus-sports__item p{margin:0;color:var(--color-text);line-height:1.6}

.bonus-welcome{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.bonus-welcome__inner{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start;padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.bonus-welcome__content h2{margin-top:0;margin-bottom:2rem;color:#ba1e3c}
.bonus-welcome__offers{display:grid;gap:1.5rem;margin-bottom:2rem}
.bonus-welcome__offer h3{margin:0 0 1rem;color:#fef763}
.bonus-welcome__offer p{margin:0;color:var(--color-text);line-height:1.6}
.bonus-welcome__cta{margin-top:1.5rem}
.bonus-welcome__media{justify-self:center}
.bonus-welcome__media img{border-radius:.75rem;box-shadow:0 8px 32px rgba(0,0,0,.4);max-width:500px;width:100%;height:auto}

.bonus-nodeposit{padding:2.5rem 0;border-top:1px solid rgba(255,255,255,.06)}
.bonus-nodeposit__content{padding:2rem;background:linear-gradient(135deg, rgba(20,26,51,0.4), rgba(20,26,51,0.6));border-radius:.75rem;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.bonus-nodeposit__content h2{margin-top:0;margin-bottom:1.5rem;color:#ba1e3c}
.bonus-nodeposit__content p{margin:0;color:var(--color-text);line-height:1.6}

@media (min-width: 768px){
  .bonus-hero__inner{padding:2.5rem}
  .bonus-sports__content{padding:2.5rem}
  .bonus-welcome__inner{padding:2.5rem}
  .bonus-nodeposit__content{padding:2.5rem}
}

@media (min-width: 900px){
  .bonus-hero{padding:3.5rem 0}
  .bonus-hero__inner{grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:3rem}
  .bonus-sports{padding:3.5rem 0}
  .bonus-sports__content{padding:3rem}
  .bonus-welcome{padding:3.5rem 0}
  .bonus-welcome__inner{grid-template-columns:1.2fr .8fr;gap:3rem;padding:3rem}
  .bonus-nodeposit{padding:3.5rem 0}
  .bonus-nodeposit__content{padding:3rem}
}