:root{
  --bg:#100506;--bg-2:#280707;--panel:color-mix(in srgb,#1d0b0c 82%,transparent);--panel-solid:#1d0b0c;
  --cyan:#ffbf4d;--blue:#d92b35;--violet:#ff784d;--green:#ffd06b;--amber:#ffbf4d;
}
body{background:radial-gradient(circle at 13% 0,color-mix(in srgb,var(--cyan) 12%,transparent),transparent 30%),radial-gradient(circle at 88% 15%,color-mix(in srgb,var(--blue) 14%,transparent),transparent 28%),linear-gradient(180deg,var(--bg),var(--bg-2) 52%,var(--bg))}
.ambient i:nth-child(1){background:var(--blue)}.ambient i:nth-child(2){background:var(--violet)}.ambient i:nth-child(3){background:var(--cyan)}
.button--primary,.support-pill--login,.footer-action--login .footer-action__icon{background:linear-gradient(135deg,#fff,var(--cyan) 44%,var(--blue));color:#06101a}
.rtp-bar i{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green))}
.provider-tab.is-active{border-color:color-mix(in srgb,var(--cyan) 60%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 12%,transparent),color-mix(in srgb,var(--violet) 8%,transparent))}
.topbar.topbar--minimal{background:color-mix(in srgb,var(--bg) 82%,transparent)}
.brand.brand--center img{width:210px;max-height:62px;object-fit:contain}
.hero__copy.hero__copy--access{width:51%;min-height:440px;padding:50px 0 36px 48px;display:flex;align-items:center;justify-content:center}
.hero-access{display:grid;gap:16px;width:min(470px,100%)}
.hero-access__button{position:relative;overflow:hidden;display:flex;align-items:center;gap:16px;min-height:78px;padding:14px 18px;border:1px solid rgba(255,255,255,.13);border-radius:22px;text-decoration:none;box-shadow:0 20px 54px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.1);transition:transform .22s,border-color .22s,box-shadow .22s}
.hero-access__button::after{content:"";position:absolute;inset:-80% auto -80% -30%;width:25%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:rotate(16deg);animation:shine 5.4s linear infinite}
.hero-access__button:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--cyan) 50%,transparent);box-shadow:0 28px 70px rgba(0,0,0,.4),0 0 34px color-mix(in srgb,var(--cyan) 12%,transparent)}
.hero-access__button--login{background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 15%,transparent),rgba(255,255,255,.035))}
.hero-access__button--wa{background:linear-gradient(145deg,rgba(44,229,140,.16),rgba(255,255,255,.03));border-color:rgba(73,238,161,.19)}
.hero-access__icon{width:50px;height:50px;flex:none;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#fff,var(--cyan) 55%,var(--blue));color:#07101a;font-size:23px;font-weight:900;box-shadow:0 12px 28px color-mix(in srgb,var(--blue) 22%,transparent)}
.hero-access__button--wa .hero-access__icon{background:linear-gradient(145deg,#7df5bd,#18bd70)}
.hero-access__button span:last-child{display:grid;gap:3px}.hero-access__button small{font-size:9px;letter-spacing:.16em;color:#aebcd0;font-weight:900}.hero-access__button strong{font-size:15px;letter-spacing:.08em;color:#fff}
.footer-action--login,.support-pill--login{background:linear-gradient(145deg,color-mix(in srgb,var(--cyan) 18%,transparent),color-mix(in srgb,var(--blue) 20%,#08121f))}
@media(max-width:820px){.hero__copy.hero__copy--access{width:100%;min-height:auto;padding:36px 24px 12px}.hero-access{grid-template-columns:1fr 1fr;width:100%}.hero-access__button{min-height:70px;padding:12px}.hero-access__icon{width:44px;height:44px}.hero-access__button strong{font-size:12px}.hero__visual{margin-top:4px}}
@media(max-width:600px){.brand.brand--center img{width:170px}.hero-access{grid-template-columns:1fr}.hero__copy.hero__copy--access{padding:24px 14px 6px}.hero-access__button{min-height:66px}.hero-access__button strong{font-size:12px}.hero-access__button small{font-size:8px}}


/* === Brand luxury polish === */
body{background-attachment:fixed}
.page-lux, body::before, body::after{pointer-events:none}
body::before,body::after{content:'';position:fixed;inset:auto;z-index:-1;filter:blur(80px);opacity:.34}
body::before{left:-7vw;top:18vh;width:26vw;height:26vw;background:radial-gradient(circle,color-mix(in srgb,var(--cyan) 42%, transparent),transparent 70%)}
body::after{right:-7vw;top:8vh;width:24vw;height:24vw;background:radial-gradient(circle,color-mix(in srgb,var(--blue) 34%, transparent),transparent 70%)}
.topbar.topbar--minimal{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%, transparent),color-mix(in srgb,var(--bg) 80%, transparent))}
.hero-access__button,.footer-action,.support-pop__panel{backdrop-filter:blur(16px)}
.footer-action,.support-pill{box-shadow:0 16px 40px rgba(0,0,0,.26)}