:root{--ui7b-primary:#d2691e;--ui7b-primary-2:#f0a04b;--ui7b-bg:#171717;--ui7b-panel:#292929;--ui7b-panel-2:#333;--ui7b-text:#f5deb3;--ui7b-muted:#adb5bd;--ui7b-white:#fff8ed;--ui7b-success:#45d39a;--ui7b-line:rgba(245,222,179,.16);--ui7b-shadow:0 1.2rem 3rem rgba(0,0,0,.34)}
*{box-sizing:border-box}
html{font-size:62.5%;scroll-behavior:smooth;scroll-padding-top:7.4rem}
body{margin:0;background:radial-gradient(circle at 50% 0,#402418 0,#1d1d1d 35rem,var(--ui7b-bg) 70rem);color:var(--ui7b-text);font:1.5rem/1.5 Arial,"Helvetica Neue",sans-serif;overflow-x:hidden}
body.ui7b-menu-open{overflow:hidden}
a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
img{display:block;max-width:100%}
[hidden]{display:none!important}
.ui7b-wrapper{min-height:100vh}
.ui7b-container{width:min(100% - 2.4rem,112rem);margin-inline:auto}
.ui7b-header{position:fixed;inset:0 0 auto;z-index:1000;height:6.8rem;background:rgba(23,23,23,.95);border-bottom:.1rem solid var(--ui7b-line);box-shadow:0 .6rem 2rem rgba(0,0,0,.28);backdrop-filter:blur(1.2rem)}
.ui7b-header-inner{height:100%;display:flex;align-items:center;gap:.8rem}
.ui7b-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;min-width:0;margin-right:auto}
.ui7b-brand img{width:3.2rem;height:3.2rem;border-radius:.9rem;box-shadow:0 0 0 .1rem rgba(245,222,179,.35)}
.ui7b-brand span{font-size:1.8rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.ui7b-desktop-nav{display:none;align-items:center;gap:2rem}
.ui7b-desktop-nav a{text-decoration:none;font-size:1.3rem;font-weight:700;color:var(--ui7b-muted)}
.ui7b-desktop-nav a:hover{color:var(--ui7b-white)}
.ui7b-header-actions{display:flex;align-items:center;gap:.6rem}
.ui7b-btn{min-height:4.4rem;padding:.8rem 1.4rem;border:.1rem solid transparent;border-radius:1.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;color:var(--ui7b-white);font-weight:800;text-decoration:none;cursor:pointer;transition:transform .18s,color .18s,background .18s,border-color .18s}
.ui7b-btn:active{transform:scale(.96)}
.ui7b-btn-primary{background:linear-gradient(135deg,var(--ui7b-primary-2),var(--ui7b-primary));box-shadow:0 .5rem 1.6rem rgba(210,105,30,.32)}
.ui7b-btn-outline{border-color:var(--ui7b-primary-2);background:transparent;color:var(--ui7b-text)}
.ui7b-btn-compact{min-height:4rem;padding:.7rem 1rem;font-size:1.3rem}
.ui7b-menu-button{width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:1.2rem;background:var(--ui7b-panel);color:var(--ui7b-text);font-size:2.2rem;cursor:pointer}
.ui7b-mobile-menu{position:fixed;z-index:9999;top:6.8rem;right:1.2rem;width:min(32rem,calc(100% - 2.4rem));padding:1.2rem;background:rgba(41,41,41,.98);border:.1rem solid var(--ui7b-line);border-radius:0 0 1.8rem 1.8rem;box-shadow:var(--ui7b-shadow);transition:opacity .2s,transform .2s}
.ui7b-mobile-menu[aria-hidden="true"]{pointer-events:none;opacity:0;transform:translateY(-1.2rem)}
.ui7b-mobile-menu[aria-hidden="false"]{opacity:1;transform:none}
.ui7b-mobile-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.ui7b-mobile-menu a{min-height:4.8rem;padding:1rem;border-radius:1rem;display:flex;align-items:center;gap:.8rem;background:#222;text-decoration:none;font-weight:700}
.ui7b-main{padding-top:6.8rem;padding-bottom:8rem}
.ui7b-hero{position:relative;isolation:isolate;overflow:hidden}
.ui7b-carousel{position:relative;min-height:31rem;background:#222}
.ui7b-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .6s}
.ui7b-slide-active{opacity:1;pointer-events:auto}
.ui7b-slide img{width:100%;height:31rem;object-fit:cover;filter:brightness(.5) saturate(1.15)}
.ui7b-slide-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.92),rgba(18,18,18,.2)),linear-gradient(0deg,var(--ui7b-bg),transparent 55%)}
.ui7b-slide-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2.4rem max(1.2rem,calc((100% - 112rem)/2));max-width:75rem}
.ui7b-kicker{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 1rem;color:var(--ui7b-primary-2);font-size:1.2rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.ui7b-slide-content h1,.ui7b-slide-content h2{max-width:68rem;margin:0 0 1rem;color:var(--ui7b-white);font-size:clamp(2.6rem,8vw,5rem);line-height:1.08}
.ui7b-slide-content p{max-width:58rem;margin:0 0 1.8rem;color:#eee;font-size:1.5rem}
.ui7b-carousel-controls{position:absolute;z-index:4;inset:auto 1.2rem 1.2rem;display:flex;align-items:center;justify-content:space-between}
.ui7b-carousel-arrow{width:4.4rem;height:4.4rem;border:.1rem solid var(--ui7b-line);border-radius:50%;background:rgba(23,23,23,.76);color:var(--ui7b-white);cursor:pointer}
.ui7b-carousel-dots{display:flex;gap:.7rem}
.ui7b-carousel-dot{width:1rem;height:1rem;padding:0;border:0;border-radius:99rem;background:var(--ui7b-muted);cursor:pointer;transition:width .2s,background .2s}
.ui7b-carousel-dot.ui7b-dot-active{width:2.8rem;background:var(--ui7b-primary-2)}
.ui7b-trust-strip{position:relative;z-index:3;margin-top:-.2rem;padding:1rem 0;background:#202020;border-block:.1rem solid var(--ui7b-line)}
.ui7b-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.ui7b-trust-item{text-align:center;font-size:1.1rem;color:var(--ui7b-muted)}
.ui7b-trust-item i,.ui7b-trust-item ion-icon{display:block;margin:0 auto .4rem;color:var(--ui7b-primary-2);font-size:2rem}
.ui7b-section{padding:4.4rem 0}
.ui7b-section-alt{background:linear-gradient(180deg,rgba(51,51,51,.76),rgba(32,32,32,.6));border-block:.1rem solid var(--ui7b-line)}
.ui7b-section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.8rem}
.ui7b-section-heading h2{margin:0;color:var(--ui7b-white);font-size:2.4rem;line-height:1.2}
.ui7b-section-heading p{margin:.5rem 0 0;color:var(--ui7b-muted)}
.ui7b-text-link{border:0;background:none;padding:.8rem 0;color:var(--ui7b-primary-2);font-weight:900;cursor:pointer}
.ui7b-category-scroll{display:flex;gap:.8rem;margin:0 -1.2rem 2rem;padding:0 1.2rem .5rem;overflow-x:auto;scrollbar-width:none}
.ui7b-category-scroll::-webkit-scrollbar{display:none}
.ui7b-category-btn{min-width:max-content;min-height:4.4rem;padding:.8rem 1.3rem;border:.1rem solid var(--ui7b-line);border-radius:99rem;background:var(--ui7b-panel);color:var(--ui7b-muted);font-weight:800;cursor:pointer}
.ui7b-category-btn.ui7b-category-active{border-color:var(--ui7b-primary-2);background:var(--ui7b-primary);color:#fff}
.ui7b-game-section{margin-top:2.8rem}
.ui7b-game-title{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;color:var(--ui7b-white);font-size:1.9rem}
.ui7b-game-title i,.ui7b-game-title ion-icon{color:var(--ui7b-primary-2);font-size:2.2rem}
.ui7b-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ui7b-card{background:linear-gradient(145deg,var(--ui7b-panel-2),#222);border:.1rem solid var(--ui7b-line);border-radius:1.4rem;box-shadow:0 .6rem 1.4rem rgba(0,0,0,.2)}
.ui7b-game-card{position:relative;overflow:hidden;min-width:0;cursor:pointer;transition:transform .2s,border-color .2s}
.ui7b-game-card:hover{transform:translateY(-.3rem);border-color:var(--ui7b-primary-2)}
.ui7b-game-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#111}
.ui7b-game-card h3{min-height:5.2rem;margin:0;padding:.8rem .7rem;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--ui7b-white);font-size:1.2rem;line-height:1.35}
.ui7b-game-card::after{content:"";position:absolute;inset:.6rem .6rem auto auto;width:.7rem;height:.7rem;border-radius:50%;background:var(--ui7b-success);box-shadow:0 0 .8rem var(--ui7b-success)}
.ui7b-image-error{opacity:.6}
.ui7b-feature-grid,.ui7b-info-grid,.ui7b-review-grid{display:grid;gap:1.2rem}
.ui7b-feature-card,.ui7b-info-card,.ui7b-review-card{padding:1.7rem}
.ui7b-feature-icon{width:4.4rem;height:4.4rem;margin-bottom:1rem;border-radius:1.2rem;display:grid;place-items:center;background:rgba(210,105,30,.17);color:var(--ui7b-primary-2);font-size:2.4rem}
.ui7b-feature-card h3,.ui7b-info-card h3,.ui7b-review-card h3{margin:.2rem 0 .7rem;color:var(--ui7b-white);font-size:1.7rem}
.ui7b-feature-card p,.ui7b-info-card p,.ui7b-review-card p{margin:0;color:var(--ui7b-muted)}
.ui7b-feature-card button{margin-top:1rem}
.ui7b-steps{display:grid;gap:1rem;counter-reset:ui7b-step}
.ui7b-step{position:relative;padding:1.6rem 1.6rem 1.6rem 6rem;counter-increment:ui7b-step}
.ui7b-step::before{content:counter(ui7b-step);position:absolute;left:1.5rem;top:1.5rem;width:3.4rem;height:3.4rem;border-radius:50%;display:grid;place-items:center;background:var(--ui7b-primary);color:#fff;font-weight:900}
.ui7b-step h3{margin:0 0 .5rem;color:var(--ui7b-white)}
.ui7b-step p{margin:0;color:var(--ui7b-muted)}
.ui7b-promo-banner{padding:2.2rem;border:.1rem solid rgba(245,222,179,.25);border-radius:2rem;background:linear-gradient(120deg,#3d2418,#242424 62%);box-shadow:var(--ui7b-shadow)}
.ui7b-promo-banner h2{margin:0 0 .7rem;color:var(--ui7b-white);font-size:2.4rem}
.ui7b-promo-banner p{margin:0 0 1.5rem;color:var(--ui7b-muted)}
.ui7b-promo-actions{display:flex;flex-wrap:wrap;gap:.8rem}
.ui7b-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.6rem}
.ui7b-stat{padding:1.4rem;text-align:center}
.ui7b-stat strong{display:block;color:var(--ui7b-primary-2);font-size:2rem}
.ui7b-stat span{color:var(--ui7b-muted);font-size:1.2rem}
.ui7b-stars{color:#ffc857;letter-spacing:.15em}
.ui7b-payment-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}
.ui7b-payment{min-height:4.4rem;padding:.8rem 1.2rem;border:.1rem solid var(--ui7b-line);border-radius:1rem;display:flex;align-items:center;gap:.7rem;background:#222;color:var(--ui7b-white);font-weight:800}
.ui7b-responsible{padding:1.2rem;border-left:.4rem solid var(--ui7b-primary);background:rgba(210,105,30,.1);color:var(--ui7b-muted)}
.ui7b-footer{padding:4rem 0 9rem;background:#111;border-top:.1rem solid var(--ui7b-line)}
.ui7b-footer-grid{display:grid;gap:2rem}
.ui7b-footer h2,.ui7b-footer h3{margin:0 0 1rem;color:var(--ui7b-white)}
.ui7b-footer p{margin:.4rem 0;color:var(--ui7b-muted)}
.ui7b-footer-links{display:flex;flex-wrap:wrap;gap:.8rem}
.ui7b-footer-links a{min-height:4.4rem;padding:.8rem 1.1rem;border:.1rem solid var(--ui7b-line);border-radius:1rem;display:inline-flex;align-items:center;text-decoration:none;color:var(--ui7b-muted)}
.ui7b-footer-links a:hover{color:var(--ui7b-white);border-color:var(--ui7b-primary)}
.ui7b-footer-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.2rem}
.ui7b-copyright{margin-top:2.5rem!important;padding-top:1.5rem;border-top:.1rem solid var(--ui7b-line);font-size:1.2rem}
.ui7b-bottom-nav{position:fixed;z-index:1000;inset:auto 0 0;height:6.2rem;padding:0 max(.4rem,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(.4rem,env(safe-area-inset-left));display:flex;justify-content:space-around;background:#242424;border-top:.1rem solid rgba(245,222,179,.22);box-shadow:0 -1rem 2.4rem rgba(0,0,0,.35)}
.ui7b-bottom-item{position:relative;min-width:6rem;min-height:6rem;border:0;background:transparent;color:var(--ui7b-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;text-decoration:none;font-size:1.05rem;cursor:pointer;transition:transform .16s,color .16s}
.ui7b-bottom-item i,.ui7b-bottom-item ion-icon,.ui7b-bottom-item .material-icons{height:2.8rem;font-size:2.4rem;line-height:2.8rem}
.ui7b-bottom-item:active{transform:scale(.9);color:var(--ui7b-primary-2)}
.ui7b-bottom-active{color:var(--ui7b-primary-2)}
.ui7b-bottom-active::before{content:"";position:absolute;top:0;width:3rem;height:.3rem;border-radius:0 0 .4rem .4rem;background:var(--ui7b-primary-2)}
.ui7b-badge{position:absolute;top:.5rem;left:calc(50% + .8rem);min-width:1.7rem;height:1.7rem;padding:0 .4rem;border-radius:99rem;background:#d84343;color:#fff;font-size:.9rem;line-height:1.7rem;font-weight:900}
@media (min-width:540px){.ui7b-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ui7b-feature-grid,.ui7b-info-grid,.ui7b-review-grid{grid-template-columns:repeat(2,1fr)}.ui7b-stats{grid-template-columns:repeat(4,1fr)}}
@media (min-width:769px){.ui7b-desktop-nav{display:flex}.ui7b-menu-button,.ui7b-mobile-menu,.ui7b-bottom-nav{display:none}.ui7b-main{padding-bottom:0}.ui7b-carousel,.ui7b-slide img{min-height:46rem;height:46rem}.ui7b-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.ui7b-game-card h3{font-size:1.25rem}.ui7b-feature-grid{grid-template-columns:repeat(3,1fr)}.ui7b-info-grid{grid-template-columns:repeat(2,1fr)}.ui7b-review-grid{grid-template-columns:repeat(3,1fr)}.ui7b-footer{padding-bottom:4rem}.ui7b-footer-grid{grid-template-columns:1.1fr 1fr}}
@media (max-width:768px){main{padding-bottom:8rem}.ui7b-header-actions .ui7b-btn{min-width:auto;padding-inline:.9rem}.ui7b-header-actions .ui7b-btn i{display:none}}
@media (max-width:430px){.ui7b-header-inner{gap:.5rem}.ui7b-brand span{max-width:8rem;overflow:hidden;text-overflow:ellipsis}.ui7b-bottom-item{min-width:6rem}}
@media (max-width:360px){.ui7b-container{width:min(100% - 1.6rem,112rem)}.ui7b-brand span{font-size:1.5rem}.ui7b-brand img{width:2.8rem;height:2.8rem}.ui7b-header-actions{gap:.4rem}.ui7b-header-actions .ui7b-btn{padding-inline:.7rem;font-size:1.15rem}.ui7b-grid{gap:.7rem}.ui7b-game-card h3{padding:.6rem .4rem;font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}