@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+HK:wght@300;400;500;600&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F4F6F8;--card: #FFFFFF;--green: #0F3D2B;--green-mid: #1A5C3F;--green-light: #52B788;--gold: #C8A96E;--gold-light: #D9C49A;--text: #0F1F17;--muted: #6B7C74;--border: rgba(15,61,43,.1)}html{scroll-behavior:smooth}body{font-family:Noto Sans HK,Inter,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.navbar{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:64px}.navbar-brand{font-size:18px;font-weight:700;color:var(--green);letter-spacing:.05em;text-decoration:none}.navbar-brand span{color:var(--gold)}.navbar-links{display:flex;gap:4px;list-style:none}.navbar-links a{text-decoration:none;color:var(--muted);font-size:13px;font-weight:500;padding:8px 14px;border-radius:8px;transition:all .15s}.navbar-links a:hover{background:#0f3d2b0f;color:var(--green)}.navbar-links a.active{background:var(--green);color:#fff}.navbar-cta{background:var(--gold);color:#fff;padding:10px 24px;border-radius:10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s}.navbar-cta:hover{background:#b8944f}.hero{position:relative;min-height:calc(100vh - 64px);overflow:hidden}.hero-left{position:absolute;right:0;top:0;bottom:0;width:33.333%;background:var(--green);padding:60px 48px;display:flex;flex-direction:column;justify-content:center;z-index:2}.hero-left:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(200,169,110,.12) 0%,transparent 60%);pointer-events:none}.hero-right{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#c8a96e26;border:1px solid rgba(200,169,110,.3);padding:6px 14px;border-radius:20px;font-size:11px;font-weight:600;color:var(--gold);letter-spacing:.1em;text-transform:uppercase;margin-bottom:28px;width:fit-content}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.hero-title-cn{font-size:clamp(52px,6vw,80px);font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em;margin-bottom:4px}.hero-title-en{font-size:13px;font-weight:500;letter-spacing:.25em;color:#fff6;text-transform:uppercase;margin-bottom:32px}.hero-desc{font-size:15px;line-height:1.8;color:#ffffffa6;font-weight:300;max-width:440px;margin-bottom:40px}.hero-btns{display:flex;gap:12px}.hero-right{position:relative;overflow:hidden}.hero-right img{width:100%;height:100%;object-fit:cover}.intro{padding:80px 60px;background:var(--card)}.intro-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.intro-tag{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:600;text-transform:uppercase;margin-bottom:12px}.intro-heading{font-size:32px;font-weight:700;color:var(--green);margin-bottom:20px;line-height:1.3}.intro-text{font-size:15px;line-height:1.8;color:var(--muted)}.intro-text strong{color:var(--green);font-weight:600}.intro-img{border-radius:16px;overflow:hidden}.intro-img img{width:100%;height:360px;object-fit:cover;display:block}.bento{padding:60px;background:var(--bg)}.bento-inner{max-width:1200px;margin:0 auto}.bento-tag{font-size:11px;font-weight:600;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:12px}.bento-heading{font-size:28px;font-weight:700;color:var(--green);margin-bottom:28px}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bento-card{background:var(--card);border-radius:16px;border:1px solid var(--border);padding:28px;display:flex;flex-direction:column;gap:8px;transition:all .2s;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0f3d2b1a}.bento-card.featured{background:var(--green);border-color:var(--green)}.bento-card.large{grid-column:span 2}.card-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.card-icon.green{background:#52b78826}.card-icon.gold{background:#c8a96e26}.card-value{font-size:40px;font-weight:800;line-height:1;letter-spacing:-.02em}.card-value.green{color:var(--green)}.card-value.gold{color:var(--gold)}.card-value.white{color:#fff}.card-label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.card-label.white{color:#ffffff80}.card-sub{font-size:12px;color:var(--muted);line-height:1.5}.card-sub.white{color:#fff9}.card-img{position:absolute;bottom:0;right:0;width:100px;height:100px;object-fit:cover;opacity:.15;border-radius:0 0 16px}.club{padding:80px 60px;background:var(--card)}.club-inner{max-width:1200px;margin:0 auto}.club-header{margin-bottom:40px}.club-tag{font-size:11px;letter-spacing:.2em;color:var(--gold);font-weight:600;text-transform:uppercase;margin-bottom:12px;display:block}.club-title{font-size:32px;font-weight:700;color:var(--green)}.club-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.club-card{border-radius:12px;overflow:hidden;position:relative;height:240px;cursor:pointer}.club-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.club-card:hover img{transform:scale(1.05)}.club-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(15,61,43,.8) 0%,transparent 60%);display:flex;align-items:flex-end;padding:20px}.club-label{color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em}.transport{background:var(--green);padding:60px}.transport-inner{max-width:1200px;margin:0 auto}.transport-header{margin-bottom:36px;text-align:center}.transport-tag{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#c8a96eb3;font-weight:600;margin-bottom:12px}.transport-title{font-size:28px;font-weight:700;color:#fff}.transport-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.transport-item{background:#ffffff14;border-radius:12px;padding:20px 12px;text-align:center;border:1px solid rgba(255,255,255,.06);transition:background .2s}.transport-item:hover{background:#ffffff24}.transport-icon{font-size:24px;margin-bottom:8px}.transport-name{font-size:12px;color:#fff;font-weight:500;line-height:1.4}.transport-sub{font-size:10px;color:#fff6;margin-top:4px}.cta-bar{background:var(--bg);border-top:1px solid var(--border);padding:48px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-info h3{font-size:22px;font-weight:700;color:var(--green);margin-bottom:4px}.cta-info p{font-size:13px;color:var(--muted)}.cta-btns{display:flex;gap:12px}.btn-whatsapp{background:#25d366;color:#fff;padding:12px 28px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;display:flex;align-items:center;gap:8px;transition:background .15s}.btn-whatsapp:hover{background:#20bd5a}.btn-outline{background:none;color:var(--green);padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;border:1.5px solid var(--green)}.footer{background:#081c11;padding:28px 60px;display:flex;align-items:center;justify-content:space-between}.footer-brand{font-size:16px;font-weight:700;color:var(--gold)}.footer-text{font-size:12px;color:#ffffff4d}.footer-right{font-size:11px;color:#fff3;text-align:right}.floating{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:12px}.float-btn{width:56px;height:56px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;text-decoration:none;box-shadow:0 4px 16px #0003;transition:transform .2s,box-shadow .2s}.float-btn:hover{transform:scale(1.1)}.float-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e)}.float-call{background:linear-gradient(135deg,#8b6b47,#a67c52)}@media(max-width:1024px){.hero{display:flex;flex-direction:column;min-height:auto}.hero-right{position:relative;height:50vh;min-height:400px}.hero-left{position:relative;width:100%;padding:48px 40px}.bento-grid{grid-template-columns:repeat(2,1fr)}.transport-grid{grid-template-columns:repeat(3,1fr)}.intro-inner{grid-template-columns:1fr}}@media(max-width:768px){.navbar{padding:0 20px}.navbar-links{display:none}.hero-right{height:45vh;min-height:320px}.hero-left{padding:40px 24px}.hero-title-cn{font-size:48px}.intro,.club,.transport,.cta-bar,.bento{padding:60px 20px}.club-grid{grid-template-columns:1fr}.bento-grid{grid-template-columns:1fr 1fr}.transport-grid{grid-template-columns:repeat(2,1fr)}.cta-bar{flex-direction:column;text-align:center}.footer{flex-direction:column;gap:12px;text-align:center;padding:24px 20px}}