/* Redesin: emerald, silver, and midnight layout variation for JUACASINO. */
:root { --ink:#061612; --ink-2:#0b2820; --surface:#103c31; --cream:#effff7; --violet:#0d9d6f; --electric:#9fe4c5; --coral:#25d69a; --lime:#c8ff85; --aqua:#66e5c3; --muted:#b6d9ca; --line:rgba(126,243,191,.24); }
body { background:radial-gradient(circle at 16% 6%,rgba(48,209,145,.18),transparent 22%),#061612; }
.site-header { height:104px; background:rgba(5,20,16,.94); border-bottom-color:rgba(108,242,188,.23); }.juwa-brand,.site-header .juwa-brand,.footer-top .juwa-brand { width:clamp(220px,24vw,350px); height:94px; }.juwa-brand img { filter:drop-shadow(0 0 5px #d5ffe6) drop-shadow(0 0 18px #23d993) drop-shadow(0 0 28px rgba(13,143,101,.48)); }
.site-header .btn-primary,.btn-primary { background:linear-gradient(115deg,#d6ff9c,#4de2ac 54%,#178a64); color:#062018; }.site-header .nav-links a,.site-header .btn-ghost { border-color:rgba(110,239,188,.34); background:rgba(29,155,110,.1); }
.trust-strip.casino-status { background:linear-gradient(100deg,#0b3429,#104a3b 50%,#0b3429); border-color:rgba(124,240,188,.28); }.casino-status > strong,.casino-status > span:not(.live-dot) { border-color:rgba(129,247,193,.3); background:rgba(3,27,20,.52); }.casino-status > strong:before,.casino-status > span:not(.live-dot):before { color:#c8ff85; text-shadow:0 0 12px rgba(102,229,195,.9); }
/* Layout variation: compact hero, registration card overlaps the lower edge, games begin immediately below. */
.hero { min-height:570px; grid-template-columns:1.35fr .65fr; gap:clamp(32px,6vw,85px); padding:clamp(66px,7vw,96px); border-radius:34px 34px 14px 14px; background:radial-gradient(circle at 82% 20%,rgba(83,232,166,.28),transparent 30%),linear-gradient(135deg,#0b3328,#061b15 58%,#123c31); }.hero:before { content:'JUACASINO · LIVE THE MOMENT'; color:#aef5d2; text-shadow:0 0 16px rgba(63,231,168,.5); }.hero h1 em,.why h2 em { color:#8bf3c6; }.hero-copy .eyebrow { color:#c8ff85; }.signup-card { transform:translateY(72px); border-color:rgba(118,242,190,.52); background:linear-gradient(150deg,rgba(12,66,50,.97),rgba(4,25,18,.98)); box-shadow:0 22px 55px rgba(0,0,0,.38),0 0 38px rgba(46,219,151,.15); }.signup-card h2 span { color:#b7ff94; }.signup-card input[type=email],.signup-card input[type=text],.signup-card input[type=password] { background:#061f17; border-color:rgba(115,240,188,.32); }.top-game-marquee { margin:42px clamp(36px,7vw,120px) 60px; border-radius:18px; background:linear-gradient(115deg,#0c3c2f,#115340 55%,#0a2b22); }.top-game-tile,.game-card { background:linear-gradient(150deg,#104936,#09241b); border-color:rgba(119,242,189,.2); }.games { background:linear-gradient(180deg,#071c15,#05120e); }
@media(max-width:900px){.hero{grid-template-columns:1fr}.signup-card{transform:none}.top-game-marquee{margin:30px 24px 45px}}@media(max-width:620px){.site-header{height:84px}.juwa-brand,.site-header .juwa-brand{width:195px;height:78px}.hero{border-radius:24px;padding:75px 24px}.top-game-marquee{margin:20px 12px 36px}}

/* Dark obsidian refinement. */
:root { --ink:#030504; --ink-2:#0b1210; --surface:#111a17; --cream:#eff6f3; --violet:#09583f; --electric:#6fcfa7; --coral:#14855f; --lime:#a7edbe; --aqua:#4da984; --muted:#9db4aa; --line:rgba(91,181,137,.2); }
body { background:radial-gradient(circle at 15% 8%,rgba(22,105,73,.14),transparent 22%),#030504; }.site-header { background:rgba(3,5,4,.96); border-bottom-color:rgba(91,181,137,.18); }.juwa-brand img { filter:drop-shadow(0 0 4px rgba(189,255,215,.65)) drop-shadow(0 0 14px rgba(23,141,93,.55)) drop-shadow(0 0 24px rgba(0,0,0,.9)); }
.site-header .nav-links a,.site-header .btn-ghost { background:rgba(23,85,60,.12); border-color:rgba(91,181,137,.26); }.site-header .btn-primary,.btn-primary { background:linear-gradient(115deg,#b9e7c8,#4aa47b 55%,#15533c); color:#06110c; }.trust-strip.casino-status { background:linear-gradient(100deg,#07140f,#0d231a 50%,#07140f); border-color:rgba(91,181,137,.18); }.casino-status > strong,.casino-status > span:not(.live-dot) { background:rgba(2,10,7,.72); border-color:rgba(91,181,137,.22); }
.top-game-marquee { margin:24px clamp(36px,7vw,120px) 24px; background:linear-gradient(115deg,#081b14,#0d2c20 55%,#07130e); border-color:rgba(91,181,137,.22); }.featured-hot-games { background:linear-gradient(115deg,#07130e,#10251b); border-color:rgba(91,181,137,.18); }.hero { margin-top:30px; background:radial-gradient(circle at 80% 20%,rgba(17,99,69,.22),transparent 30%),linear-gradient(135deg,#08130f,#030504 64%,#0b1d15); border-color:rgba(91,181,137,.17); }.hero:before { color:#92d7ad; text-shadow:0 0 14px rgba(34,133,90,.32); }.hero h1 em,.why h2 em { color:#8ad2a5; }.hero-copy .eyebrow { color:#a7edbe; }.signup-card { transform:translateY(124px); background:linear-gradient(150deg,rgba(10,37,27,.98),rgba(3,8,6,.99)); border-color:rgba(91,181,137,.32); box-shadow:0 25px 58px rgba(0,0,0,.65),0 0 30px rgba(18,93,62,.1); }.signup-card input[type=email],.signup-card input[type=text],.signup-card input[type=password] { background:#030907; border-color:rgba(91,181,137,.24); }.top-game-tile,.game-card { background:linear-gradient(150deg,#0d2219,#050b08); border-color:rgba(91,181,137,.15); }.games { background:linear-gradient(180deg,#050c09,#020403); }
@media(max-width:900px){.signup-card{transform:translateY(54px)}}@media(max-width:620px){.signup-card{transform:none}.top-game-marquee{margin:16px 12px 20px}}

/* Slow ambient sign-up light. */
.site-header .btn-primary,
.signup-card .btn-primary {
  animation: juacasino-signup-ambient 2.7s ease-in-out infinite;
}
@keyframes juacasino-signup-ambient {
  0%,100% { box-shadow:inset 0 1px rgba(255,255,255,.42),0 0 12px rgba(82,180,126,.26),0 9px 22px rgba(0,0,0,.24); filter:brightness(.98); }
  50% { box-shadow:inset 0 1px rgba(255,255,255,.66),0 0 30px rgba(112,239,171,.62),0 0 55px rgba(20,130,84,.34),0 9px 22px rgba(0,0,0,.24); filter:brightness(1.16); }
}
@media(prefers-reduced-motion:reduce){.site-header .btn-primary,.signup-card .btn-primary{animation:none}}