.result-ai-page { min-height:100vh; color:#eaf5ff; background:#06111f; }.result-ai-page main { padding-top:0; overflow:hidden; background:#06111f; }
.result-hero { position:relative; padding:92px 0 58px; background:radial-gradient(circle at 78% 18%,rgba(255,207,96,.16),transparent 24rem),radial-gradient(circle at 12% 0,rgba(116,231,215,.1),transparent 22rem),linear-gradient(135deg,#071322,#0d2b44 58%,#06111e); }.result-hero::after { position:absolute; right:-13rem; bottom:-22rem; width:43rem; height:43rem; border:1px solid rgba(255,214,109,.14); border-radius:50%; content:""; box-shadow:0 0 0 38px rgba(255,214,109,.025); }.result-hero .container,.result-workspace .container { position:relative; z-index:1; }.result-hero-top { display:flex; align-items:center; justify-content:space-between; gap:35px; }.result-kicker { color:#f5d77f; font-size:.63rem; font-weight:900; letter-spacing:.17em; }.result-hero h1 { margin:15px 0; color:#f7fbff; font-size:clamp(2.7rem,6vw,5.2rem); font-weight:950; letter-spacing:-.08em; line-height:.95; }.result-hero h1 em { color:#ffd66d; font-style:normal; }.result-hero-top p { max-width:620px; margin:0; color:#b1c5d6; font-size:.9rem; line-height:1.75; }.live-orb { display:grid; width:125px; height:125px; flex:0 0 125px; place-items:center; border:1px solid rgba(116,231,215,.35); border-radius:50%; color:#8cebdc; background:radial-gradient(circle,rgba(116,231,215,.17),rgba(7,25,42,.5) 68%); box-shadow:0 0 0 13px rgba(116,231,215,.04),0 0 45px rgba(116,231,215,.13); font-size:.6rem; font-weight:900; letter-spacing:.15em; line-height:1.5; text-align:center; }.live-orb span { position:absolute; width:8px; height:8px; margin:-85px 0 0 70px; border-radius:50%; background:#7de8dc; box-shadow:0 0 0 6px rgba(125,232,220,.1),0 0 18px #7de8dc; }
.latest-card { margin-top:38px; padding:22px 25px; border:1px solid rgba(255,214,109,.3); border-radius:20px; background:linear-gradient(105deg,rgba(112,75,22,.38),rgba(12,43,62,.73)); box-shadow:0 22px 45px rgba(0,0,0,.2); }.latest-card-head { display:flex; align-items:start; justify-content:space-between; gap:15px; }.latest-label { color:#bcae83; font-size:.55rem; font-weight:900; letter-spacing:.14em; }.latest-card h2 { margin:7px 0 0; color:#fff3ce; font-size:1.25rem; }.latest-card h2 small { margin-left:8px; color:#a9bfcc; font-size:.72rem; font-weight:600; }.draw-id { color:#ffd66d; font-size:.72rem; font-weight:900; letter-spacing:.1em; }.latest-result { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:20px 0; }.latest-balls { display:flex; flex-wrap:wrap; gap:9px; }.latest-balls b { display:grid; width:48px; height:48px; place-items:center; border:1px solid #fff0a1; border-radius:50%; color:#273145; background:radial-gradient(circle at 30% 20%,#fffbd4,#ffd35a 67%,#dc941d); box-shadow:0 6px 17px rgba(0,0,0,.3),0 0 17px rgba(255,198,74,.25); font-size:.83rem; font-weight:950; }.latest-jackpot { min-width:190px; padding-left:24px; border-left:1px solid rgba(255,214,109,.22); text-align:right; }.latest-jackpot small,.latest-jackpot span { display:block; color:#b9a879; font-size:.53rem; font-weight:850; letter-spacing:.1em; }.latest-jackpot strong { display:block; margin:5px 0 2px; color:#ffe18a; font-size:1.65rem; letter-spacing:-.07em; }.latest-foot { display:flex; justify-content:space-between; gap:15px; padding-top:13px; border-top:1px solid rgba(255,214,109,.14); color:#8ea8b8; font-size:.61rem; }.latest-foot i { margin-right:5px; color:#7de8dc; }.latest-foot time { color:#9f9a80; }
.result-workspace { padding:53px 0 84px; background:linear-gradient(180deg,#06111f,#0a1c2d 52%,#06111f); }.pulse-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.pulse-card { display:flex; align-items:center; gap:11px; padding:16px; border:1px solid rgba(157,197,232,.13); border-radius:15px; background:linear-gradient(145deg,rgba(17,39,62,.95),rgba(8,22,39,.97)); }.pulse-icon { display:grid; width:37px; height:37px; flex:0 0 37px; place-items:center; border:1px solid rgba(255,214,109,.3); border-radius:10px; color:#ffd66d; background:rgba(255,214,109,.08); }.pulse-icon.teal { color:#7de8dc; border-color:rgba(116,231,215,.3); background:rgba(116,231,215,.08); }.pulse-icon.blue { color:#9cd7ff; border-color:rgba(156,215,255,.3); background:rgba(156,215,255,.08); }.pulse-card small { display:block; color:#7e9ab0; font-size:.52rem; font-weight:900; letter-spacing:.1em; }.pulse-card strong { display:block; margin:4px 0 2px; color:#eef8ff; font-size:1.1rem; }.pulse-card p { margin:0; color:#829db0; font-size:.6rem; }.section-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin:57px 0 19px; }.section-heading h2 { margin:7px 0 0; color:#eef8ff; font-size:clamp(1.4rem,3vw,2.1rem); font-weight:900; letter-spacing:-.05em; }.section-heading>p { max-width:390px; margin:0; color:#8fa8bb; font-size:.71rem; line-height:1.6; }
.history-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:11px; }.history-card { padding:15px; border:1px solid rgba(157,197,232,.13); border-radius:16px; background:linear-gradient(145deg,rgba(17,40,64,.95),rgba(7,22,39,.98)); transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }.history-card:hover { transform:translateY(-3px); border-color:rgba(255,214,109,.4); box-shadow:0 17px 30px rgba(0,0,0,.22); }.history-card.is-latest { border-color:rgba(255,214,109,.55); background:linear-gradient(145deg,rgba(76,59,29,.75),rgba(9,27,43,.98)); }.history-card-top { display:flex; justify-content:space-between; align-items:center; }.history-round { color:#ffe29a; font-size:.56rem; font-weight:900; letter-spacing:.09em; }.history-round i { margin-right:4px; color:#7de8dc; }.history-date { color:#7f99ad; font-size:.56rem; }.latest-tag { padding:4px 6px; border:1px solid rgba(255,214,109,.3); border-radius:999px; color:#ffe29a; background:rgba(255,214,109,.08); font-size:.46rem; font-weight:900; }.history-card h3 { margin:13px 0 2px; color:#eff7ff; font-size:.93rem; }.history-card h3 small { display:block; margin-top:3px; color:#879fb3; font-size:.62rem; font-weight:600; }.history-balls { display:flex; flex-wrap:wrap; gap:4px; margin:13px 0; }.history-balls b { display:grid; width:26px; height:26px; place-items:center; border:1px solid rgba(116,231,215,.26); border-radius:50%; color:#dffff9; background:rgba(116,231,215,.08); font-size:.56rem; }.history-card-foot { display:flex; justify-content:space-between; gap:7px; padding-top:10px; border-top:1px solid rgba(157,197,232,.1); color:#819bae; font-size:.54rem; }.history-card-foot a { color:#ffd66d; font-weight:850; text-decoration:none; }.history-card-foot a i { margin-left:3px; font-size:.5rem; }.return-zone { display:flex; align-items:center; gap:15px; margin-top:34px; padding:20px 22px; border:1px solid rgba(116,231,215,.2); border-radius:17px; background:linear-gradient(100deg,rgba(16,75,75,.28),rgba(18,50,68,.56)); }.return-scan { display:grid; width:44px; height:44px; flex:0 0 44px; place-items:center; border:1px solid rgba(116,231,215,.4); border-radius:50%; color:#7de8dc; box-shadow:0 0 20px rgba(116,231,215,.14); }.return-zone h2 { margin:6px 0 4px; color:#e9fffb; font-size:1.05rem; }.return-zone p { margin:0; color:#a5bac8; font-size:.65rem; line-height:1.5; }.return-actions { display:flex; gap:7px; margin-left:auto; flex:0 0 auto; }.return-actions a { padding:9px 11px; border:1px solid rgba(116,231,215,.3); border-radius:9px; color:#9cf2e4; font-size:.6rem; font-weight:850; text-decoration:none; }.return-actions a:first-child { color:#162738; background:#7de8dc; }
@media (max-width:991px) { .history-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.pulse-grid { grid-template-columns:1fr; } }
@media (max-width:575px) { .result-hero { padding-top:82px; }.result-hero-top { display:block; }.live-orb { margin:25px auto 0; }.latest-result { display:block; }.latest-jackpot { margin-top:20px; padding:14px 0 0; border-top:1px solid rgba(255,214,109,.2); border-left:0; text-align:left; }.latest-balls b { width:39px; height:39px; }.latest-foot { display:block; }.latest-foot time { display:block; margin-top:7px; }.history-grid { grid-template-columns:1fr; }.section-heading { display:block; }.section-heading>p { margin-top:9px; }.return-zone { display:block; }.return-scan { margin-bottom:12px; }.return-actions { margin-top:16px; } }