@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap');
:root{--bg:#070a18;--panel:#11172e;--muted:#a6acc6;--gold:#ffc46a;--pink:#ff5ca8;--cyan:#58eee2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f7f7ff;font-family:'DM Sans',sans-serif}nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(18px,5vw,76px);border-bottom:1px solid #ffffff15;background:#080b1b}a{color:var(--cyan);text-decoration:none}.brand{color:#fff;font-size:13px;font-weight:700;letter-spacing:2px}.brand b{color:var(--gold)}.label,.kicker{font-size:10px;letter-spacing:2px;color:var(--cyan)}.navlinks{display:flex;align-items:center;gap:18px}.hero{position:relative;min-height:570px;display:flex;align-items:center;padding:65px clamp(20px,9vw,140px);background:linear-gradient(90deg,#080b1bf5 0%,#080b1bd9 40%,#080b1b35 100%),url('macau-night.svg') center/cover}.heroText{max-width:590px}.hero h1,.formwrap h1,.page h1{font-size:clamp(42px,6vw,78px);line-height:1.02;letter-spacing:-2px;margin:18px 0}.hero h1 em{font-family:'Playfair Display',serif;color:var(--gold)}.heroText>p:not(.kicker){max-width:490px;color:#c5c9df;line-height:1.8}.actions{display:flex;gap:20px;align-items:center;margin:26px 0}.button,button{display:inline-block;border:0;border-radius:5px;padding:12px 16px;background:var(--gold);color:#171022;font-weight:700;cursor:pointer;font-size:13px}.ghost,.ghostbtn{border:1px solid #58eee277;background:transparent;color:var(--cyan);border-radius:5px;padding:11px 15px;cursor:pointer}.heroText small,.muted{display:block;color:var(--muted);font-size:12px;line-height:1.7}.heroBadge{position:absolute;right:5%;bottom:30px;padding:14px 17px;background:#0b1027dd;border:1px solid #ffffff22;border-radius:6px;font-size:10px;letter-spacing:1px}.heroBadge strong{color:var(--gold);margin-left:12px}.heroBadge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pink);margin-right:8px}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:38px clamp(18px,6vw,85px)}.tiles article,.panel{background:linear-gradient(145deg,#141a33,#0c1023);border:1px solid #ffffff14;border-radius:10px;padding:24px}.tiles article span{font-size:10px;letter-spacing:2px;color:var(--cyan)}h2{font-family:'Playfair Display',serif;margin:12px 0}.tiles p{color:var(--muted);font-size:13px;line-height:1.8}.notice{margin:0 clamp(18px,6vw,85px) 38px;padding:20px 24px;border:1px solid #58eee244;background:#0d1a2a;border-radius:8px}.notice b{color:var(--cyan)}.notice p{font-size:12px;color:#c2cde0;line-height:1.8}footer{padding:24px clamp(18px,6vw,85px);border-top:1px solid #ffffff14;color:#7d86a6;font-size:10px;letter-spacing:1.5px;display:flex;justify-content:space-between}.formwrap{min-height:80vh;display:grid;place-items:center;padding:25px}.formwrap .panel{width:min(100%,450px);padding:32px}.formwrap h1{font-size:42px}label{display:block;font-size:12px;color:#b8c0d9;margin:15px 0 7px}input,select{width:100%;padding:12px;background:#090e20;border:1px solid #303954;border-radius:5px;color:white;margin-bottom:8px}form .button,form .ghostbtn{margin-top:12px}.success,.error{padding:12px;border-radius:5px;font-size:13px}.success{background:#10352e;color:#8df0c7}.error{background:#451d2c;color:#ffb4c4}.page{padding:32px clamp(16px,5vw,70px);max-width:1400px;margin:auto}.page h1{font-size:48px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.stats>div{padding:20px;background:#10172d;border:1px solid #ffffff14;border-radius:8px}.stats small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.5px}.stats strong{display:block;font-size:28px;color:var(--gold);margin-top:10px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{margin:18px 0}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;margin-top:15px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #ffffff12;white-space:nowrap}th{color:var(--cyan);font-weight:600}td{color:#d7dced}.inline{display:flex;gap:8px}.inline button{padding:8px;font-size:11px}@media(max-width:760px){nav{flex-wrap:wrap}.label{display:none}.hero{min-height:540px;background-position:58% center}.tiles,.twocol{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.heroBadge{right:16px;bottom:15px}.actions{align-items:flex-start;flex-direction:column}footer{gap:10px;flex-direction:column}.page h1{font-size:38px}}