/* JUA777: a separate, modern cobalt-and-electric-blue design system. */
:root { --ink:#06111f; --ink-2:#0b1d33; --surface:#102943; --cream:#eef7ff; --violet:#865dff; --electric:#a49cff; --coral:#32d6ff; --lime:#63f3d0; --aqua:#58b7ff; --muted:#a9bed5; --line:rgba(123,210,255,.24); }
body { background:radial-gradient(circle at 80% 5%,rgba(88,79,255,.17),transparent 23%),#06111f; color:#f4fbff; }
.site-header { height:94px; margin-top:0; padding:0 clamp(20px,4vw,70px); background:rgba(6,17,31,.9); border-bottom-color:rgba(98,207,255,.24); }
.juwa-brand,.site-header .juwa-brand,.footer-top .juwa-brand { width:clamp(190px,21vw,300px); height:84px; background:none; }
.juwa-brand:before,.juwa-brand:after { display:none; }.juwa-brand img { -webkit-mask-image:none; mask-image:none; filter:drop-shadow(0 0 5px #a8f3ff) drop-shadow(0 0 17px #338aff) drop-shadow(0 0 28px rgba(121,80,255,.6)); }
.site-header .nav-links a,.site-header .btn-ghost { color:#dff6ff; border-color:rgba(104,209,255,.35); background:rgba(38,132,203,.08); }.site-header .nav-links a:hover,.site-header .btn-ghost:hover { color:#fff; background:rgba(85,178,255,.19); }
.site-header .btn-primary,.btn-primary { color:#071527; border:0; background:linear-gradient(115deg,#65e6ff,#6c8aff 58%,#a362ff); box-shadow:0 10px 28px rgba(65,138,255,.28); }
.trust-strip.casino-status { margin:16px clamp(20px,4vw,70px) 0; min-height:52px; border:1px solid rgba(104,209,255,.24); border-radius:14px; background:linear-gradient(105deg,rgba(12,44,76,.9),rgba(22,28,83,.9)); }
.casino-status > strong,.casino-status > span:not(.live-dot) { border-color:rgba(105,216,255,.26); background:rgba(4,18,39,.5); color:#dff6ff; }.casino-status > strong:before,.casino-status > span:not(.live-dot):before { color:#67f1d4; text-shadow:0 0 11px rgba(81,239,209,.9); }
.hero { min-height:640px; margin:22px clamp(20px,4vw,70px) 0; padding:clamp(70px,8vw,120px); border:1px solid rgba(101,211,255,.2); border-radius:28px; background:radial-gradient(circle at 78% 20%,rgba(112,87,255,.4),transparent 29%),radial-gradient(circle at 40% 100%,rgba(44,205,255,.16),transparent 36%),linear-gradient(135deg,#0a2340,#09142d 64%,#151351); }
.hero:before { content:'JUA777 · PLAY BEYOND'; color:#74efff; text-shadow:0 0 16px rgba(82,202,255,.62); }.hero h1 { font-family:Arial,'Helvetica Neue',sans-serif; font-weight:800; letter-spacing:-.065em; }.hero h1 em,.why h2 em { color:#68e6ff; }.hero-copy .eyebrow { color:#78f4d7; font-family:Arial,sans-serif; }.hero-copy > p:not(.eyebrow) { color:#c4ddf4; }
.signup-card { border-color:rgba(114,215,255,.5); border-radius:22px; background:linear-gradient(145deg,rgba(18,55,92,.95),rgba(11,19,55,.96)); box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 35px rgba(69,159,255,.18); }.signup-card h2 { font-family:Arial,'Helvetica Neue',sans-serif; color:#f1fbff; }.signup-card h2 span { color:#64e5ff; background:none; -webkit-text-fill-color:initial; -webkit-text-stroke:0; }.signup-card input[type=email],.signup-card input[type=text],.signup-card input[type=password] { background:#07192d; border-color:rgba(105,216,255,.3); }.signup-card:before,.signup-card:after { display:none!important; }
.top-game-marquee { margin:-74px clamp(45px,8vw,135px) 60px; border-color:rgba(105,216,255,.28); border-radius:22px; background:linear-gradient(115deg,#0d3a62,#172363 58%,#382272); box-shadow:0 22px 55px rgba(0,0,0,.35); }.top-game-tile,.game-card { border-radius:14px; border-color:rgba(110,215,255,.2); background:linear-gradient(150deg,#123b60,#101b45); }.top-game-tile:hover,.game-card:hover { border-color:#6ce6ff; box-shadow:0 0 25px rgba(55,190,255,.2); }
.alpha-play-section { display:none; }.games { background:linear-gradient(180deg,#07172a,#091630); }.featured-hot-games { border-color:rgba(102,225,255,.33); background:linear-gradient(115deg,#092b4d,#1c1c61); }.featured-hot-label strong { color:#e8fbff; }.final-cta { background:linear-gradient(110deg,#61e6ff,#7480ff 55%,#9b60ff); color:#07152a; }
@media(max-width:620px){.site-header{height:78px}.juwa-brand,.site-header .juwa-brand{width:180px;height:72px}.trust-strip.casino-status{margin:10px 12px 0}.hero{margin:16px 12px 0;padding:75px 24px 105px}.top-game-marquee{margin:-48px 18px 40px}}

/* Obsidian fire variant: black surfaces and crimson ember accents. */
:root { --ink:#090707; --ink-2:#1b0d0a; --surface:#24110d; --cream:#fff1e8; --violet:#8d1515; --electric:#ff9d46; --coral:#e93620; --lime:#ffd16a; --aqua:#ff6b32; --muted:#d4b4a6; --line:rgba(255,112,50,.25); }
body { background:radial-gradient(circle at 80% 5%,rgba(224,39,22,.16),transparent 23%),#090707; }.site-header { background:rgba(9,7,7,.92); border-bottom-color:rgba(255,100,37,.24); }.juwa-brand img { filter:drop-shadow(0 0 5px #ffcf73) drop-shadow(0 0 17px #f14618) drop-shadow(0 0 28px rgba(145,15,12,.6)); }
.site-header .nav-links a,.site-header .btn-ghost { border-color:rgba(255,112,48,.35); background:rgba(177,35,18,.1); }.site-header .nav-links a:hover,.site-header .btn-ghost:hover { background:rgba(244,71,25,.2); }.site-header .btn-primary,.btn-primary { background:linear-gradient(115deg,#ffd06b,#f24b1c 57%,#8d1515); }
.trust-strip.casino-status { border-color:rgba(255,108,42,.25); background:linear-gradient(105deg,rgba(55,15,10,.94),rgba(27,10,9,.94)); }.casino-status > strong,.casino-status > span:not(.live-dot) { border-color:rgba(255,114,49,.27); background:rgba(13,7,6,.56); }.casino-status > strong:before,.casino-status > span:not(.live-dot):before { color:#ffd06a; text-shadow:0 0 11px rgba(245,58,18,.9); }
.hero { border-color:rgba(255,105,38,.22); background:radial-gradient(circle at 78% 20%,rgba(179,23,19,.34),transparent 29%),radial-gradient(circle at 40% 100%,rgba(255,104,29,.13),transparent 36%),linear-gradient(135deg,#26110d,#0d0909 64%,#37100c); }.hero:before { color:#ffb35b; text-shadow:0 0 16px rgba(244,69,17,.62); }.hero h1 em,.why h2 em { color:#ff9a45; }.hero-copy .eyebrow { color:#ffd172; }.hero-copy > p:not(.eyebrow) { color:#e8c4b2; }
.signup-card { border-color:rgba(255,108,40,.5); background:linear-gradient(145deg,rgba(74,22,13,.96),rgba(18,9,8,.97)); box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 35px rgba(237,54,17,.18); }.signup-card h2 span { color:#ffb353; }.signup-card input[type=email],.signup-card input[type=text],.signup-card input[type=password] { background:#140908; border-color:rgba(255,112,47,.3); }
.top-game-marquee { border-color:rgba(255,108,43,.27); background:linear-gradient(115deg,#421509,#2a0c0a 58%,#55130c); }.top-game-tile,.game-card { border-color:rgba(255,113,46,.2); background:linear-gradient(150deg,#48180d,#1d0a08); }.top-game-tile:hover,.game-card:hover { border-color:#ffb35c; box-shadow:0 0 25px rgba(247,68,16,.22); }.games { background:linear-gradient(180deg,#150908,#0c0707); }