.u888-landing{--u888-bg:#10070d;--u888-bg2:#260a11;--u888-orange:#ff8c27;--u888-red:#e62c37;--u888-cream:#fff3e8;position:relative;isolation:isolate;overflow:hidden;width:100%;max-width:none!important;margin:0 auto;background:radial-gradient(ellipse at 75% 5%,#621723 0,transparent 36%),radial-gradient(ellipse at 10% 55%,#361018 0,transparent 36%),linear-gradient(160deg,#1b0710,#10070d 65%,#240c13);color:var(--u888-cream);font-family:'Be Vietnam Pro',sans-serif!important;font-size:15px;line-height:1.65;box-sizing:border-box}
.u888-landing *,.u888-landing *:before,.u888-landing *:after{box-sizing:border-box}.u888-landing h1,.u888-landing h2,.u888-landing h3,.u888-landing p{font-family:inherit!important;color:inherit;margin:0}.u888-landing a{text-decoration:none!important;color:inherit}.u888-landing img{display:block;max-width:100%;height:auto}.u888-landing button{font-family:inherit}.u888-landing .u888-shell{position:relative;z-index:2;max-width:1380px;margin:0 auto;padding:0 38px}.u888-landing .u888-orbit{position:absolute;pointer-events:none;border-radius:50%;filter:blur(4px)}.u888-orbit-a{width:780px;height:780px;right:-460px;top:10px;border:1px solid #ff8a304b;box-shadow:0 0 90px #f855252e,inset 0 0 95px #f8552525}.u888-orbit-b{width:560px;height:560px;left:-390px;top:700px;border:1px solid #ef2e423a;box-shadow:0 0 100px #ee34412b}.u888-landing .u888-header{min-height:94px;display:flex;align-items:center;gap:30px;justify-content:space-between;border-bottom:1px solid #fd845a30}.u888-logo{display:flex;align-items:center;flex:0 0 auto;min-width:145px}.u888-logo img{max-width:165px;max-height:65px;object-fit:contain}.u888-logo-text{display:flex;flex-direction:column;font-size:32px;font-weight:900;line-height:.96;letter-spacing:-2px;font-style:italic;color:#fff;background:linear-gradient(170deg,#fff6cc 8%,#ff8b29 53%,#e92c31 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 12px #f74c2f65)}.u888-logo-text span{display:inline}.u888-logo-text small{font-size:8px;letter-spacing:3px;font-style:normal;margin-top:8px}.u888-nav{display:flex;align-items:center;gap:25px}.u888-nav a{font-size:13px;font-weight:700;white-space:nowrap;opacity:.88;transition:color .2s,opacity .2s}.u888-nav a:hover{color:#ffa45a;opacity:1}.u888-auth,.u888-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.u888-landing .u888-btn{position:relative;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;gap:14px;min-height:42px;padding:10px 20px;font-size:12px;font-weight:800;border-radius:100px;border:1px solid #ff985e;white-space:nowrap;box-shadow:inset 0 1px 0 #fff6,0 5px 20px #0005;transition:transform .25s,box-shadow .25s,background .25s;z-index:1}.u888-btn:before{content:'';position:absolute;left:-110%;top:0;width:75%;height:100%;transform:skewX(-26deg);background:linear-gradient(90deg,transparent,#fff7,transparent);transition:left .7s;z-index:-1}.u888-btn:hover:before{left:130%}.u888-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f35b315e,0 0 17px #ff8c2755}.u888-landing .u888-btn-solid{background:linear-gradient(145deg,#ffae30 0%,#f66a1b 42%,#df2239 100%);color:#fff;box-shadow:inset 0 1px 0 #fff8,0 0 20px #f453336b}.u888-landing .u888-btn-ghost{background:#350d17}.u888-landing .u888-btn-outline{background:#210d16b8}.u888-landing .u888-btn-lg{min-height:55px;padding:15px 26px;font-size:14px}.u888-nav-toggle{display:none}.u888-hero{position:relative;min-height:595px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:10px;padding:65px 0 55px;border-bottom:1px solid #ff8a3b33}.u888-hero-grid{position:absolute;inset:0;pointer-events:none;opacity:.23;background-image:linear-gradient(#f54d3128 1px,transparent 1px),linear-gradient(90deg,#f54d3128 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent,#000,transparent)}.u888-hero-copy{z-index:2}.u888-eyebrow,.u888-kicker{font-weight:800;letter-spacing:2.1px;font-size:11px;color:#ffb56b}.u888-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:10px 15px;background:#f64a2a18;border:1px solid #f379443c;border-radius:100px}.u888-status-dot{width:8px;height:8px;border-radius:50%;background:#ffab38;box-shadow:0 0 0 5px #ffab3820,0 0 15px #ffab38;animation:u888-pulse 2.2s infinite}.u888-hero h1{font-size:clamp(34px,3.7vw,59px)!important;line-height:1.18!important;letter-spacing:-1.9px;font-weight:900!important;margin:24px 0 20px!important;text-shadow:0 4px 24px #0008}.u888-hero h1 span{display:block;margin-top:8px;background:linear-gradient(175deg,#fff2a8,#ffa02c 56%,#f24839 92%);color:#ffb848;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 3px 15px #ea4f2870)}.u888-hero-copy>p{max-width:535px;color:#ead0cd;font-size:15px;line-height:1.9;margin-bottom:29px}.u888-hero-chips{margin-top:45px;display:flex;gap:11px;flex-wrap:wrap}.u888-hero-chips span{font-size:11px;color:#ffdbc3;border:1px solid #f8814d40;border-radius:6px;background:#ff853310;padding:7px 10px}.u888-hero-visual{min-height:490px;position:relative;display:flex;align-items:end;justify-content:center;isolation:isolate}.u888-hero-halo{position:absolute;z-index:-1;width:min(95%,510px);aspect-ratio:1;border:3px solid #ff7d2d99;box-shadow:inset 0 0 70px #f64d343b,0 0 25px #ff8e3e99,0 0 100px #ed39294e;border-radius:50%;top:8%;right:8%;animation:u888-breathe 5s infinite alternate}.u888-hero-halo:before,.u888-hero-halo:after{content:'';position:absolute;inset:25px;border:1px dashed #ffae5d8c;border-radius:50%;animation:u888-spin 45s linear infinite}.u888-hero-halo:after{inset:-19px;border:1px solid #ee3d3855;animation-direction:reverse}.u888-hero-visual>img{width:min(100%,500px);height:500px;object-fit:cover;object-position:center 30%;border-radius:48% 48% 38% 38%;mask-image:linear-gradient(to bottom,#000 77%,transparent 100%);filter:drop-shadow(0 0 28px #fa71377a);animation:u888-float 7s ease-in-out infinite}.u888-float-tag{position:absolute;z-index:2;background:linear-gradient(110deg,#51131df0,#1c0b13ee);border:1px solid #f18b5077;box-shadow:0 0 24px #f656364a;padding:11px 15px;border-radius:12px;color:#ffca96;font-size:11px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(12px)}.u888-tag-top{top:18%;left:-2%}.u888-tag-bottom{right:-1%;bottom:13%;font-size:18px;color:white}.u888-tag-bottom strong{color:#ff9f46}.u888-section{padding:88px 0}.u888-section-heading{text-align:center;margin-bottom:38px}.u888-section-heading h2,.u888-promo h2,.u888-support h2{font-size:clamp(26px,3vw,43px)!important;line-height:1.3!important;font-weight:900!important;letter-spacing:-1px;margin:11px 0 13px!important}.u888-section-heading h2 em{font-style:normal;color:#ff963d}.u888-section-heading p{color:#c7a6a4;font-size:14px}.u888-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.u888-game-card{position:relative;isolation:isolate;min-width:0;min-height:335px;border:1px solid #fe803f78;border-radius:19px;overflow:hidden;background:#260914;box-shadow:0 12px 24px #0007,inset 0 1px 0 #ffbc8566;transition:transform .35s,border-color .35s,box-shadow .35s}.u888-game-card:hover{transform:translateY(-9px);border-color:#ffc078;box-shadow:0 18px 35px #0009,0 0 28px #f3513555}.u888-card-media{position:absolute;inset:0}.u888-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s,filter .45s;filter:saturate(1.06)}.u888-game-card:hover img{transform:scale(1.09);filter:saturate(1.25)}.u888-card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#160810 5%,#310711d1 28%,transparent 75%)}.u888-card-glow{position:absolute;top:-80px;right:-70px;width:180px;height:180px;border-radius:50%;background:#ff7b3240;filter:blur(50px);pointer-events:none}.u888-card-content{position:absolute;inset:auto 0 0;padding:20px 18px}.u888-game-glyph{font-size:24px;color:#ffaf56;text-shadow:0 0 16px #f7632c}.u888-card-content h3{font-size:17px!important;font-weight:900!important;margin:6px 0!important}.u888-card-content p{font-size:11px;color:#f2c9ba;min-height:34px}.u888-card-arrow{position:absolute;right:17px;bottom:18px;font-size:20px;color:#ffb769}.u888-promo{padding:38px;min-height:340px;display:grid;grid-template-columns:.65fr 1fr;gap:55px;align-items:center;background:radial-gradient(circle at 15% 55%,#9e291d60,transparent 43%),linear-gradient(115deg,#3c0d17,#18080f);border:1px solid #ff7e4670;border-radius:26px;box-shadow:0 0 70px #f43d2a19,inset 0 1px #ffb4775c;position:relative;overflow:hidden}.u888-promo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffb36a0d 52%,transparent 64%)}.u888-promo-art{height:260px;display:flex;align-items:center;justify-content:center}.u888-promo-art img{height:100%;width:100%;object-fit:cover;border-radius:16px;box-shadow:0 0 32px #ef453d50}.u888-promo h2{color:#ffba60}.u888-promo-copy p{color:#e9bbb1;font-size:14px;max-width:520px;margin:0 0 24px}.u888-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.u888-feature-grid article{padding:28px;border:1px solid #f77c453b;border-radius:17px;background:linear-gradient(160deg,#41101a,#1b0c13);box-shadow:inset 0 1px #ffca9b25}.u888-feature-grid article>span{display:block;color:#ff9b41;font-size:29px;font-weight:900;opacity:.8}.u888-feature-grid h3{font-size:19px!important;margin:9px 0 6px!important}.u888-feature-grid p{font-size:13px;color:#cfaaa4}.u888-support{border-top:1px solid #f7764540;border-bottom:1px solid #f7764540;display:flex;align-items:center;justify-content:space-between;gap:30px}.u888-support p{max-width:760px;color:#cfaaa4;font-size:13px}.u888-footer{padding:26px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;color:#b88c86}.u888-footer a{color:#ffa76e}.u888-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.u888-reveal.u888-seen{opacity:1;transform:translateY(0)}@keyframes u888-spin{to{transform:rotate(360deg)}}@keyframes u888-float{50%{transform:translateY(-14px)}}@keyframes u888-breathe{to{box-shadow:inset 0 0 100px #f64d3455,0 0 40px #ff8e3e99,0 0 135px #ed39296a}}@keyframes u888-pulse{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:1100px){.u888-landing .u888-shell{padding:0 24px}.u888-nav{gap:14px}.u888-nav a{font-size:11px}.u888-auth{gap:6px}.u888-landing .u888-auth .u888-btn{font-size:11px;padding:9px 12px}.u888-hero{min-height:550px}.u888-hero-visual>img{height:440px}.u888-game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.u888-game-card{min-height:300px}}
@media(max-width:767px){.u888-landing .u888-shell{padding:0 16px}.u888-landing .u888-header{min-height:72px;gap:10px;flex-wrap:wrap}.u888-logo{min-width:90px}.u888-logo img{max-width:110px;max-height:46px}.u888-logo-text{font-size:27px}.u888-nav-toggle{display:flex;align-items:center;gap:6px;background:#39131a;border:1px solid #ff87467b;border-radius:8px;padding:7px 10px;font-weight:700;color:#ffcead;font-size:16px;order:3}.u888-nav-toggle span{font-size:11px}.u888-nav{display:none;order:4;flex-basis:100%;padding:12px;background:#2a0c14;border:1px solid #e75d406b;border-radius:12px;margin-bottom:10px;flex-direction:column;align-items:stretch;gap:0}.u888-nav.is-open{display:flex}.u888-nav a{padding:10px;border-bottom:1px solid #ffffff10;font-size:13px}.u888-landing .u888-auth{margin-left:auto}.u888-landing .u888-auth .u888-btn{padding:7px 9px;min-height:35px;font-size:10px}.u888-hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:52px 0 20px}.u888-hero-copy{text-align:center}.u888-eyebrow{font-size:9px;letter-spacing:1px}.u888-hero h1{font-size:clamp(28px,7vw,42px)!important;letter-spacing:-1.1px}.u888-hero-copy>p{font-size:13px;margin-left:auto;margin-right:auto}.u888-hero-actions,.u888-hero-chips{justify-content:center}.u888-hero-chips{margin-top:24px}.u888-hero-chips span{font-size:10px}.u888-hero-visual{width:100%;min-height:360px;margin-top:20px}.u888-hero-visual>img{width:370px;height:370px;max-width:90%}.u888-hero-halo{width:330px;max-width:85%;top:5%;right:50%;transform:translateX(50%)}.u888-float-tag{font-size:9px;padding:8px}.u888-tag-top{left:2%;top:17%}.u888-tag-bottom{right:2%;bottom:10%;font-size:12px}.u888-section{padding:59px 0}.u888-section-heading h2,.u888-promo h2,.u888-support h2{font-size:27px!important}.u888-game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.u888-game-card{min-height:250px;border-radius:13px}.u888-card-content{padding:13px}.u888-card-content h3{font-size:14px!important}.u888-card-content p{font-size:10px}.u888-promo{grid-template-columns:1fr;padding:23px;gap:20px;text-align:center}.u888-promo-art{height:180px}.u888-feature-grid{grid-template-columns:1fr;gap:12px}.u888-support{flex-direction:column;align-items:flex-start}.u888-footer{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:390px){.u888-landing .u888-auth .u888-btn{padding:6px 7px;font-size:9px}.u888-logo-text{font-size:23px}.u888-landing .u888-btn-lg{font-size:12px;padding:12px 14px;min-height:46px}.u888-game-card{min-height:220px}.u888-card-content h3{font-size:12px!important}}@media(prefers-reduced-motion:reduce){.u888-landing *{animation:none!important;transition:none!important}.u888-reveal{opacity:1;transform:none}}