:root{--navy:#07162c;--blue:#123d68;--gold:#f2c66d;--cream:#f7f4ed;--ink:#152238;--muted:#68758a}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--cream);color:var(--ink);line-height:1.65}
a{color:inherit;text-decoration:none}.wrap{width:min(1120px,92%);margin:auto}
header{background:rgba(7,22,44,.97);color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff20}
.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px}.brand{font-weight:900;letter-spacing:.08em;font-size:1.15rem}.brand span{color:var(--gold)}
nav{display:flex;gap:24px;align-items:center}nav a{font-size:.94rem;color:#e8edf5}nav a:hover,nav a.active{color:var(--gold)}
.menu{display:none;background:none;border:1px solid #ffffff55;color:white;border-radius:8px;padding:8px 12px}
.hero{background:linear-gradient(115deg,rgba(5,17,35,.94),rgba(13,55,91,.78)),url('macau-skyline.svg') center/cover;color:white;padding:90px 0 82px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:420px;height:420px;border:1px solid #f2c66d55;border-radius:50%;right:-100px;top:-150px;box-shadow:0 0 0 35px #f2c66d0c,0 0 0 75px #f2c66d0a}
.eyebrow{color:var(--gold);font-size:.78rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
h1{font-size:clamp(2.4rem,6vw,4.6rem);line-height:1.08;max-width:760px;margin:14px 0 20px;letter-spacing:-.04em}
.hero p{max-width:650px;color:#d9e3ef;font-size:1.08rem}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:12px 19px;border-radius:7px;font-weight:800;background:var(--gold);color:#1b2431}.btn.outline{background:transparent;border:1px solid #ffffff75;color:white}
main{padding:54px 0}.intro{max-width:760px;margin-bottom:30px}.intro h2,.section-head{font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.2;margin:0 0 12px;color:var(--navy)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid #e6e1d7;border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #10243b0a}.card-body{padding:22px}.card h3{margin:0 0 8px;color:var(--navy)}.card p{margin:0;color:var(--muted)}
.card-art{height:170px;background:linear-gradient(135deg,#0c2948,#1a5a84);display:grid;place-items:center;color:var(--gold);font-size:2.4rem;font-weight:900;letter-spacing:.1em}
.split{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;margin:62px 0}.panel{background:var(--navy);color:#fff;padding:32px;border-radius:16px}.panel h2{color:var(--gold);margin-top:0}.panel p{color:#d9e3ef}
.note{border-left:4px solid var(--gold);padding:14px 18px;background:#fff8e8;border-radius:0 8px 8px 0;color:#5e5138}
.article{max-width:820px}.article h2{margin-top:34px;color:var(--navy)}.article p{color:#4e5b6e}
footer{background:#061326;color:#c8d2df;padding:38px 0;margin-top:35px}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot strong{color:var(--gold)}.foot a{margin-right:16px;color:#e7edf5}
.small{font-size:.88rem;color:#aebdce;max-width:650px}
@media(max-width:760px){.menu{display:block}nav{display:none;position:absolute;top:76px;left:0;right:0;background:#07162c;padding:18px 4%;flex-direction:column;align-items:flex-start}nav.open{display:flex}.grid{grid-template-columns:1fr}.split{grid-template-columns:1fr}.hero{padding:68px 0}}