@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#080f1e;--panel:#111d32;--line:#263650;--text:#eff5ff;--muted:#9caec7;--gold:#f7c76a;--cyan:#55d4e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}.container{width:min(1160px,calc(100% - 36px));margin:auto}.header{position:sticky;top:0;z-index:10;background:#0b1527ed;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:20px}.brand{display:flex;align-items:center;font-weight:800;font-size:20px;line-height:1.2;white-space:nowrap}.brand img{max-width:100px;max-height:48px;object-fit:contain;margin-right:10px}.brand small{display:block;font-size:10px;color:var(--muted);letter-spacing:2px}.gold{color:var(--gold)}.menu{display:flex;gap:18px;align-items:center;font-size:12px;font-weight:600}.menu-btn{display:none}.hero{background:radial-gradient(ellipse at 75% 20%,#1b4163 0,transparent 52%),linear-gradient(125deg,#0b172b,#08101e);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:80px 0}.hero h1{font-size:clamp(34px,4.5vw,59px);line-height:1.13;letter-spacing:-2px;margin:15px 0 24px}.hero p{color:var(--muted);font-size:17px;max-width:570px}.eyebrow{color:var(--cyan);letter-spacing:2.5px;font-size:11px;font-weight:800}.hero-visual{border:1px solid #31516b;border-radius:22px;min-height:310px;display:grid;place-items:center;background:linear-gradient(130deg,#152a48,#0c1b30);overflow:hidden;box-shadow:0 20px 70px #0006}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;max-height:450px}.image-fallback:after{content:'MACAU HARIAN';font-size:32px;font-weight:800;color:var(--gold)}.section{padding-top:65px;padding-bottom:65px}.section-alt{background:#0c1729;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}.section-heading h2{margin:5px 0}h1,h2,h3{line-height:1.25}h1{font-size:clamp(30px,4vw,48px)}h2{font-size:clamp(24px,3vw,32px)}.page{min-height:65vh}.page>p{color:var(--muted);max-width:760px}.card{background:linear-gradient(145deg,#15233a,#0e1a2d);border:1px solid var(--line);padding:25px;border-radius:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:26px 0}.metric{font-size:38px;font-weight:800;color:var(--gold);margin:12px 0}.metric.small{font-size:21px}.muted{color:var(--muted);font-size:13px}.notice{padding:17px 20px;border:1px solid #63502e;background:#33291675;border-radius:12px;color:#f6dca5;margin:22px 0}.btn{background:var(--gold);border:1px solid var(--gold);color:#101827;border-radius:10px;padding:13px 19px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;font-weight:800;font-family:inherit;font-size:13px}.btn:hover{filter:brightness(1.1);color:#101827}.btn.secondary{background:transparent;color:var(--text);border-color:#51627c}.btn.secondary:hover{color:var(--gold)}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.toolbar{display:flex;gap:13px;flex-wrap:wrap;align-items:end;margin:20px 0}.toolbar label,.sim-controls label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:12px;font-weight:600}input,select{background:#101d32;color:var(--text);border:1px solid #3a4d68;padding:12px;border-radius:9px;font:inherit;min-width:160px}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;min-width:670px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid var(--line);font-size:13px}th{background:#18283e;color:var(--gold)}td{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature p,.prose p{color:var(--muted)}.faq{display:grid;gap:12px}.faq details{padding:18px 22px}.faq summary{cursor:pointer;font-weight:700}.faq p{color:var(--muted)}.simulator{max-width:760px;margin:24px auto}.sim-controls{display:flex;gap:15px;flex-wrap:wrap}.number-display{font-size:clamp(52px,9vw,88px);text-align:center;font-weight:800;letter-spacing:14px;color:var(--gold);padding:25px 0 0;font-variant-numeric:tabular-nums}.center{text-align:center}.simulator .button-row{justify-content:center}.history{padding:0;list-style:none;max-height:200px;overflow:auto}.history li{padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.bars{display:flex;align-items:end;gap:12px;min-height:260px;padding-top:25px}.bar-wrap{flex:1;min-width:0;text-align:center;color:var(--muted);font-size:12px}.bar{height:var(--height);background:linear-gradient(var(--cyan),#2476b3);border-radius:7px 7px 0 0;min-height:3px}.bar-label{margin-top:8px}.footer{border-top:1px solid var(--line);background:#080d18;padding:45px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p{color:var(--muted);font-size:13px;max-width:400px}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:13px}.bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:35px;color:var(--muted);font-size:12px}@media(max-width:950px){.menu-btn{display:block;background:none;border:1px solid var(--line);color:white;border-radius:8px;padding:8px 12px;font-size:23px}.menu{display:none;position:absolute;top:77px;left:0;right:0;background:#101d32;padding:18px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.menu.open{display:flex}.hero-grid{grid-template-columns:1fr;padding:55px 0}.hero-visual{max-height:370px}}@media(max-width:650px){.stats-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.section{padding-top:42px;padding-bottom:42px}.hero h1{letter-spacing:-1px}.number-display{letter-spacing:7px}.section-heading{align-items:start;flex-direction:column}.toolbar label,.toolbar input{width:100%}.toolbar .btn{width:100%}}
/* Homepage premium refresh */
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);padding:72px 0 78px}
.hero h1{font-size:clamp(36px,4vw,55px);letter-spacing:-1.8px;max-width:650px;line-height:1.16}
.hero p{max-width:540px;line-height:1.85;color:#b4c7df}
.brand img{max-width:118px;max-height:58px;margin-right:15px}
.hero-visual{min-height:380px;position:relative;background:#0d1b31;border-color:#375777;box-shadow:0 30px 90px #0008,0 0 55px #1e8cbb1c}
.hero-art{width:100%;min-height:380px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 48%,#214c76 0%,#102742 42%,#081529 83%);padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.hero-art:before{content:'';position:absolute;inset:0;opacity:.23;background-image:linear-gradient(#6ec8ff1b 1px,transparent 1px),linear-gradient(90deg,#6ec8ff1b 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(to bottom,transparent,#000,transparent)}
.hero-art:after{content:'';position:absolute;width:270px;height:270px;left:calc(50% - 135px);top:calc(50% - 135px);background:#2acaff25;filter:blur(68px);z-index:-1}
.art-top,.art-bottom{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;gap:12px}.art-top{font-size:11px;letter-spacing:1.3px;font-weight:800}.art-live{color:#aeeeff}.art-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#51e3bb;margin-right:7px;box-shadow:0 0 12px #51e3bb}.art-brand{color:#ffcc70}.art-bottom{font-size:10px;color:#9bbad4;letter-spacing:1.2px;font-weight:700;border-top:1px solid #8bdfff29;padding-top:16px}.art-center{text-align:center;position:relative;z-index:2;display:flex;align-items:center;flex-direction:column}.art-kicker{color:#7ae5ff;letter-spacing:5px;font-size:12px;font-weight:800;margin-bottom:14px}.art-center strong{font-size:clamp(43px,5vw,74px);line-height:1.02;letter-spacing:-2px;color:#f7faff;text-shadow:0 8px 30px #0006}.art-center em{color:#ffc96a;font-style:normal}.art-sub{color:#a8c8e5;letter-spacing:2px;font-size:12px;margin-top:20px}.art-orbit{position:absolute;border:1px solid #54d9ff35;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:310px;height:310px}.orbit-two{width:440px;height:440px;border-style:dashed;opacity:.5}.hero .btn{padding:14px 22px}.hero .eyebrow{font-size:12px}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;padding:50px 0}.hero-visual{max-height:none}.hero-art{min-height:350px}}
@media(max-width:650px){.hero-grid{gap:32px}.hero h1{font-size:clamp(35px,9vw,45px);letter-spacing:-1px}.hero-visual,.hero-art{min-height:310px}.art-center strong{font-size:48px}.art-bottom{font-size:8px}.brand img{max-width:90px}.hero p{font-size:15px}}

/* FINAL hero layout: explicit stacking, no absolute text positioning */
.hero-visual{display:block;min-width:0;min-height:360px;overflow:hidden}
.final-visual{min-height:380px;width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:26px;padding:clamp(20px,3vw,32px);background:radial-gradient(circle at 50% 48%,#245079 0%,#142e4e 40%,#0b1a2d 80%);position:relative;isolation:isolate}
.final-visual:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#8cc7ef12 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#8cc7ef12 50%,transparent 50.2%);background-size:34px 34px;z-index:-1;pointer-events:none}
.final-top,.final-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;position:relative;z-index:1}
.final-pill{font-size:11px;letter-spacing:1.1px;font-weight:800;color:#bceeff;display:inline-flex;align-items:center;gap:8px}.final-dot{width:7px;height:7px;border-radius:50%;background:#5ee6b5;box-shadow:0 0 9px #5ee6b5}.final-sign{font-size:12px;letter-spacing:1px;font-weight:800;color:#f7c76a}.final-main{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.final-overline{font-size:12px;letter-spacing:3px;font-weight:800;color:#82e5fa}.final-heading{font-weight:800;font-size:clamp(38px,4.2vw,66px);line-height:1.08;letter-spacing:-1.5px;color:#fff}.final-heading span{color:#f7c76a}.final-main p{margin:0;font-size:13px;letter-spacing:1px;color:#bbd4eb}.final-bottom{padding-top:15px;border-top:1px solid #7ec7ee35;font-size:11px;color:#b7cce1}.final-bottom b{color:#eff5ff;margin-left:4px;letter-spacing:.6px}
@media(max-width:950px){.hero-grid{grid-template-columns:minmax(0,1fr)}.hero-visual{max-height:none}}
@media(max-width:650px){.final-visual{min-height:315px;gap:20px;padding:20px}.final-heading{font-size:clamp(36px,9vw,52px)}.final-bottom{font-size:9px}.final-sign{font-size:10px}}