@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#087cb9;--deep:#163b59;--ink:#18334b;--muted:#63798b;--line:#e0eaf1;--bg:#f5f9fc;--gold:#f4b843}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}.container{width:min(1160px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:100;background:#fff;padding:12px}.utility{background:#eaf5fc;color:#42667f;font-size:11px;letter-spacing:.12em;font-weight:800}.utility-inner{display:flex;justify-content:space-between;padding:8px 0}.pulse{display:inline-block;width:7px;height:7px;background:#13ae88;border-radius:50%;margin-right:6px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:30px;min-height:82px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-symbol{background:var(--blue);color:#fff;font-family:Manrope;font-weight:800;font-size:26px;letter-spacing:-.08em;border-radius:12px;width:47px;height:47px;display:grid;place-items:center}.brand-symbol span{color:var(--gold)}.brand-word{font:800 20px/1 Manrope;letter-spacing:-.07em;color:var(--deep)}.brand-word>span{color:var(--blue)}.brand-word small{display:block;letter-spacing:.23em;font:700 8px/2 'DM Sans';color:#9aa9b5}.nav{display:flex;align-items:center;gap:21px;margin-left:auto}.nav a{font-size:13px;font-weight:700;color:#4e6679}.nav a:hover,.text-link{color:var(--blue)}.header-actions{display:flex;gap:9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;border-radius:10px;font-weight:800;font-size:13px;transition:transform .2s,box-shadow .2s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #087cb926}.btn-ghost{background:#edf7fc;color:var(--blue)}.btn-outline{border-color:#c7dce9;color:var(--blue);background:#fff}.btn-white{background:#fff;color:var(--deep)}.btn-large{padding:15px 23px}.hamburger{display:none;border:0;background:#edf7fc;padding:12px;border-radius:10px}.hamburger span{display:block;width:20px;height:2px;background:var(--deep);margin:4px}.hero{background:linear-gradient(125deg,#f2faff,#fff 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:40px;min-height:550px;padding-top:55px;padding-bottom:65px}.eyebrow{font-weight:800;color:var(--blue);letter-spacing:.16em;font-size:11px}.eyebrow-line{display:inline-block;width:22px;height:2px;background:var(--gold);vertical-align:middle;margin-right:9px}.hero h1{font:800 clamp(39px,4.5vw,67px)/1.12 Manrope;letter-spacing:-.065em;margin:22px 0}.hero h1 em,.feature-band em{font-style:normal;color:var(--blue)}.hero-copy>p{max-width:500px;font-size:16px;color:var(--muted)}.hero-cta,.hero-notes{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.hero-notes{font-size:11px;color:#658093;font-weight:700;gap:20px}.hero-art{position:relative;min-height:385px;display:grid;place-items:center}.art-orbit{position:absolute;border:1px solid #d2eaf8;border-radius:50%;width:400px;height:400px}.orbit-two{width:290px;height:290px}.art-card{position:relative;background:#fff;border:1px solid #dcebf4;box-shadow:0 25px 65px #1a689522;border-radius:22px;padding:25px;max-width:400px;width:100%;transform:rotate(-3deg)}.art-top{display:flex;gap:5px;align-items:center}.art-top b{margin-left:auto;font-size:10px;letter-spacing:.14em;color:#91a3b0}.art-dot{width:7px;height:7px;background:#bcd6e6;border-radius:50%}.art-title{font:800 30px/1.25 Manrope;letter-spacing:-.06em;margin:38px 0 26px}.art-title span{color:var(--blue)}.art-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.art-tiles div{background:#edf7fd;border-radius:12px;padding:17px 8px;text-align:center}.art-tiles span{display:block;font-size:25px;color:var(--blue)}.art-tiles small{font-weight:800;font-size:9px;letter-spacing:.1em}.art-progress{height:5px;border-radius:5px;background:#e8eff5;margin-top:26px}.art-progress span{display:block;width:65%;height:100%;background:var(--gold);border-radius:5px}.art-float{position:absolute;right:0;bottom:15px;background:var(--gold);padding:13px 20px;border-radius:12px;font-weight:800;transform:rotate(5deg)}.quick-strip{border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr)}.quick-grid a{display:flex;align-items:center;gap:10px;padding:24px 13px;font-size:13px;font-weight:800;border-right:1px solid var(--line)}.quick-grid a:first-child{border-left:1px solid var(--line)}.quick-grid a>span{color:var(--blue);font-size:22px}.quick-grid b{margin-left:auto;color:#90a8b8}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:33px}.section-heading h2,.faq-grid h2,.editorial h2,.feature-band h2{font:800 clamp(27px,3vw,40px)/1.2 Manrope;letter-spacing:-.055em;margin:10px 0}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.accent{color:var(--gold)}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.topic-card{border:1px solid var(--line);border-radius:16px;padding:25px;display:flex;flex-direction:column;min-height:210px;transition:transform .2s,box-shadow .2s}.topic-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #153e5712}.topic-icon{width:48px;height:48px;background:#eaf6fc;color:var(--blue);display:grid;place-items:center;border-radius:12px;font-size:25px}.topic-copy strong{display:block;font:800 18px Manrope;margin-top:20px}.topic-copy small{display:block;color:var(--muted);font-size:13px;line-height:1.6;margin-top:8px}.arrow{color:var(--blue);margin-top:auto;align-self:end}.section-foot{text-align:right;margin-top:25px}.text-link{font-weight:800;font-size:13px}.feature-band{background:#e9f5fc;padding:75px 0}.feature-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-layout p,.editorial-copy p{color:var(--muted)}.feature-steps>div{display:flex;gap:22px;padding:20px;border-bottom:1px solid #c9e0ed}.feature-steps>div>span{color:var(--blue);font-weight:800}.feature-steps h3{margin:0;font-size:17px}.feature-steps p{margin:5px 0 0;font-size:13px}.compact-cards .topic-card{min-height:180px}.editorial{background:#f7fafc;padding:85px 0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.editorial-art{min-height:330px;background:#bce4f8;padding:28px;border-radius:20px;position:relative;overflow:hidden;color:#164d70}.editorial-art>span{font-size:10px;font-weight:800;letter-spacing:.2em}.editorial-symbol{font:800 140px Manrope;letter-spacing:-.1em;line-height:1.2}.editorial-symbol span{color:#fff}.editorial-line{height:2px;background:#7cbedf;margin-bottom:18px}.editorial-art strong{font:800 19px/1.3 Manrope}.editorial-copy .btn{margin-right:20px}.location-grid{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--line);border-radius:18px;overflow:hidden}.location-copy{padding:38px}.location-copy h3{font:800 26px Manrope}.location-copy p{color:var(--muted)}.location-tag{color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.14em}.location-grid iframe{width:100%;min-height:330px;border:0}.faq-section{background:#f7fafc}.faq-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq-grid p{color:var(--muted)}.faq-item{border-bottom:1px solid var(--line);padding:18px 0}.faq-item summary{font-weight:800;cursor:pointer;display:flex;justify-content:space-between;gap:15px}.faq-item summary span{color:var(--blue)}.faq-item p{font-size:14px}.last-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-top:60px;padding-bottom:65px}.last-cta h2{font:800 29px Manrope;letter-spacing:-.04em;max-width:540px}.footer{background:#f0f7fb;border-top:1px solid #deebf3}.footer-top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:35px;padding-top:65px;padding-bottom:55px}.footer-intro p{max-width:260px;color:var(--muted);font-size:13px}.fineprint{font-size:11px;color:#8496a4}.footer-col h3{font-size:14px}.footer-col a{display:block;font-size:12px;color:#61798b;margin:10px 0}.footer-col a:hover{color:var(--blue)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #dbe8ef;padding-top:20px;padding-bottom:20px;color:#72889a;font-size:11px}.floating{position:fixed;z-index:40;right:18px;bottom:18px;background:#b91f39;color:#fff;width:min(350px,calc(100% - 36px));border-radius:16px;box-shadow:0 16px 40px #641b2b55;padding:17px}.floating[hidden]{display:none}.floating-close{position:absolute;right:9px;top:5px;background:transparent;color:#fff;border:0;font-size:23px}.floating-brand{display:flex;align-items:center;gap:12px;padding-right:16px}.floating-gift{background:#f6bb48;color:#8d1c30;border-radius:12px;width:43px;height:43px;display:grid;place-items:center;font-size:25px}.floating-brand strong{display:block;font:800 18px Manrope}.floating-brand small{font-size:11px;color:#ffe2e5}.floating-buttons{display:flex;gap:8px;margin-top:14px}.floating-buttons a{flex:1;text-align:center;border-radius:8px;background:#f6bb48;color:#4a2e13;font-size:12px;font-weight:800;padding:10px 6px}.floating-buttons a:last-child{background:#fff;color:#a51b32;flex:.65}.page-hero{background:#f1f9fe;padding:70px 0}.page-hero.compact{padding:45px 0}.page-hero h1{font:800 clamp(35px,4vw,56px)/1.15 Manrope;letter-spacing:-.06em;margin:14px 0}.page-hero p{max-width:680px;color:var(--muted)}.crumb{display:flex;gap:10px;color:#6d879b;font-size:12px}.crumb a{color:var(--blue)}.page-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:55px;padding-top:55px;padding-bottom:90px}.article-content h2{font:800 25px Manrope;letter-spacing:-.04em}.article-content p{color:var(--muted)}.article-section{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.article-section h2{margin:0 0 12px}.article-section p{margin:0}.section-index{color:var(--blue);font-weight:800;font-size:13px}.sidebar-box{border:1px solid var(--line);border-radius:16px;padding:24px;margin-bottom:18px}.sidebar-box.light{background:#f0f8fd}.sidebar-box h3{margin:9px 0 15px;font:800 19px Manrope}.sidebar-box>a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px}.sidebar-box p{color:var(--muted);font-size:13px}.auth-wrap{padding-top:60px;padding-bottom:90px}.auth-card{width:min(450px,100%);margin:auto;padding:32px;border:1px solid var(--line);border-radius:18px;box-shadow:0 20px 50px #153e5710}.auth-card h2{font:800 27px Manrope}.auth-card p,.form-note{font-size:13px;color:var(--muted)}.auth-card label{display:block;margin:15px 0;font-weight:700;font-size:13px}.auth-card input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccdae5;border-radius:8px}.btn-full{width:100%}.auth-switch{font-size:13px;text-align:center;margin-top:15px}.auth-switch a{color:var(--blue);font-weight:800}.account-placeholder{text-align:center;max-width:550px;margin:auto;padding:50px 25px;background:#f3f9fd;border-radius:20px}.account-icon{font-size:50px;color:var(--blue)}.account-placeholder p{color:var(--muted)}.map-frame{width:100%;min-height:340px;border:0;border-radius:15px} [hidden]{display:none!important}
@media(max-width:1050px){.nav{gap:12px}.nav a{font-size:12px}.header-inner{gap:15px}.topic-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:min(100% - 28px,1160px)}.utility-inner span:last-child{display:none}.header-inner{min-height:68px;gap:8px}.brand-symbol{width:38px;height:38px;font-size:23px}.brand-word{font-size:17px}.header-actions{margin-left:auto}.header-actions .btn{font-size:11px;padding:9px 10px}.hamburger{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 16px 25px #123d5619;padding:15px 20px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:12px;border-bottom:1px solid var(--line);font-size:14px}.hero-grid,.feature-layout,.editorial-grid,.faq-grid,.page-layout,.location-grid{grid-template-columns:1fr}.hero-grid{gap:5px;padding-top:42px;padding-bottom:42px}.hero h1{font-size:43px}.hero-art{min-height:330px}.art-orbit{width:300px;height:300px}.orbit-two{width:230px;height:230px}.art-card{max-width:320px}.art-title{font-size:25px}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid a{padding:14px 8px;font-size:11px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.topic-grid{grid-template-columns:1fr 1fr;gap:10px}.topic-card{padding:16px;min-height:200px}.topic-copy strong{font-size:15px}.topic-copy small{font-size:12px}.feature-band,.editorial{padding:55px 0}.editorial-grid,.feature-layout,.faq-grid{gap:30px}.footer-top{grid-template-columns:repeat(2,1fr);gap:25px}.footer-intro{grid-column:1/-1}.last-cta{display:block}.page-layout{gap:30px;padding-top:30px}.floating{right:10px;bottom:10px;width:min(330px,calc(100% - 20px))}.location-grid iframe{min-height:260px}}
@media(max-width:390px){.brand-word{font-size:14px}.brand-symbol{width:34px;height:34px}.header-actions .btn{padding:8px}.hero h1{font-size:36px}.topic-grid{grid-template-columns:1fr}.hero-art{min-height:290px}.art-card{max-width:280px}}

/* Center the floating account panel and its two actions on all screens. */
.floating{left:50%;right:auto;transform:translateX(-50%);text-align:center}
.floating-brand{justify-content:center;text-align:left}
.floating-buttons{justify-content:center;align-items:center}
.floating-buttons a{flex:0 1 155px}
.floating-buttons a:last-child{flex:0 1 110px}
@media(max-width:760px){.floating{left:50%;right:auto;bottom:10px;transform:translateX(-50%)}.floating-buttons a{flex:1}.floating-buttons a:last-child{flex:.7}}

/* MALAYSIATOTO: distinctive light coral & teal visual system */
:root{--blue:#008c88;--deep:#173e43;--ink:#23454b;--muted:#688084;--line:#dceae6;--bg:#f5fbf8;--gold:#f5a46e}
body{background:#fffdf9}.utility{background:#e6f5f0;color:#3d776e}.site-header{border-bottom:2px solid #d6ebe3}.brand-symbol{background:#008c88;border-radius:50%}.brand-word>span{color:#ed785e}.btn-primary{background:#ed785e;box-shadow:0 8px 20px #ed785e2b}.btn-ghost{background:#e5f5f0;color:#007e7a}.btn-outline{color:#007e7a;border-color:#a9d8cd}.hero{background:radial-gradient(circle at 80% 20%,#ffe9d7 0,transparent 45%),linear-gradient(125deg,#e9f8f2,#fffdf9 75%)}.hero-grid{grid-template-columns:1fr 1.05fr}.hero h1 em{color:#e96d54}.art-orbit{border-color:#b9e4d8}.art-card{transform:rotate(2deg);border-radius:34px}.art-tiles div{background:#e8f7ef}.art-tiles span,.topic-icon,.arrow,.text-link{color:#008c88}.art-float{background:#f9b28a}.quick-strip{background:#fff7ef}.quick-grid a>span{color:#e96d54}.topic-card{border-radius:24px;background:#fff}.topic-card:nth-child(3n+2){background:#f4faf7}.topic-icon{border-radius:50%;background:#e5f5ee}.feature-band{background:#fef1e7}.feature-steps>div{border-color:#f1d7c7}.editorial{background:#eef8f3}.editorial-art{background:#f5b99e;color:#71433b}.editorial-line{background:#d98273}.faq-section{background:#f8f6f0}.footer{background:#eaf5ee}.floating{background:#0b807a}.floating-gift{background:#f7c49b;color:#0b807a}.floating-buttons a{background:#f7c49b}.floating-buttons a:last-child{color:#0b807a}.hero-cta,.floating-buttons{justify-content:center}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-notes{justify-content:center}.last-cta{text-align:center;flex-direction:column}.section-heading{align-items:center}.section-heading h2{max-width:650px}
@media(min-width:761px){.hero-art{order:-1}.header-inner{gap:24px}.nav{margin-left:auto}.topic-grid{grid-template-columns:repeat(3,1fr)}.editorial-grid{grid-template-columns:1.1fr .9fr}}
@media(max-width:760px){.hero-grid{grid-template-columns:1fr}.hero-art{order:0}.brand-word{font-size:14px}.floating-buttons{justify-content:center}}

/* MALAYSIATOTO / Night Edition: complete dark design system */
:root{--blue:#a88bff;--deep:#f3efff;--ink:#e9e8f6;--muted:#a5a9c4;--line:#2c314b;--bg:#0a0f20;--gold:#e8b76b}
html{color-scheme:dark}body{background:#090e1d;color:var(--ink);font-family:'DM Sans',sans-serif}
.utility{background:#0e152b;color:#a4aaca;border-bottom:1px solid #272e48}
.site-header{background:#10172b;border-bottom:1px solid #2a3450;box-shadow:0 6px 25px #03071355}
.brand-symbol{background:linear-gradient(145deg,#7555d7,#b36eae);box-shadow:0 8px 22px #5d39b844}
.brand-word{color:#f5f0ff}.brand-word>span{color:#e9bb78}.brand-word small{color:#aaa7d3}
.nav a{color:#c6c7e0}.nav a:hover,.text-link{color:#d5b7ff}
.btn-primary{background:linear-gradient(110deg,#7d56d8,#ae64b5);color:#fff;box-shadow:0 10px 25px #57388b50}
.btn-ghost{background:#222643;color:#e4c6ff}.btn-outline{background:#141c32;border-color:#4d456b;color:#d5b7ff}
.btn-white{background:#f2e8ff;color:#31224d}
.hero{background:radial-gradient(ellipse at 70% 30%,#34234c 0,transparent 40%),linear-gradient(145deg,#11172d,#080d1c 65%)}
.hero-grid{grid-template-columns:1fr 1.05fr;min-height:630px}
.hero h1{color:#fff}.hero h1 em,.feature-band em{color:#e5b77d}.hero-copy>p,.hero-notes{color:#b4b4d0}
.eyebrow{color:#d2a7ff}.eyebrow-line{background:#e7bd77}
.hero-art{grid-column:1;grid-row:1;min-height:430px}
.hero-copy{grid-column:2;grid-row:1}
.art-orbit{border-color:#604d8d}.art-card{background:linear-gradient(155deg,#262143,#151d35);border:1px solid #685287;box-shadow:0 30px 70px #05061090;transform:rotate(3deg)}
.art-top b{color:#b6a3d5}.art-dot{background:#997ec5}.art-title{color:#fff}.art-title span{color:#efc586}
.art-tiles div{background:#31294b}.art-tiles span{color:#d9adff}.art-progress{background:#433a58}.art-progress span{background:#d9ac71}
.art-float{background:#e9b66b;color:#2b1938;right:auto;left:0;transform:rotate(-4deg)}
.quick-strip{background:#10172a;border-color:#2b3450}.quick-grid a{border-color:#2b3450}.quick-grid a>span,.quick-grid b{color:#c6a1ff}
.topic-card,.sidebar-box,.auth-card{background:#141c32;border-color:#2d3451;box-shadow:none}
.topic-card:hover{background:#1a2340;box-shadow:0 15px 35px #02051166}
.topic-icon{background:#322847;color:#e0b3ff}.topic-copy small,.section-heading>p,.editorial-copy p,.feature-layout p,.location-copy p,.faq-grid p,.article-content p,.auth-card p,.form-note,.sidebar-box p,.account-placeholder p{color:#aeb4d0}
.arrow,.section-index,.location-tag{color:#d5a8ff}
.feature-band{background:#18162d}.feature-steps>div{border-color:#403650}.feature-steps>div>span{color:#efc586}
.editorial,.faq-section{background:#10162a}.editorial-art{background:linear-gradient(130deg,#583e82,#23274d);color:#f0e4ff}.editorial-symbol span{color:#edb975}.editorial-line{background:#8970aa}
.location-grid{border-color:#303a56}.location-copy{background:#141c31}
.faq-item{border-color:#303752}.faq-item summary span{color:#d1aaff}
.footer{background:#10172a;border-color:#2c3450}.footer-col a,.footer-intro p,.footer-bottom,.fineprint{color:#a4abc9}.footer-bottom{border-color:#303952}
.floating{background:linear-gradient(130deg,#51327d,#7b366a);border:1px solid #a368a9;box-shadow:0 20px 50px #000a}
.floating-gift{background:#e8b76b;color:#362247}.floating-brand small{color:#f3dbef}
.floating-buttons{justify-content:center}.floating-buttons a{flex:0 1 145px;background:#e8b76b;color:#251b37}.floating-buttons a:last-child{background:#f7efff;color:#512e70;flex:0 1 110px}
.page-hero{background:radial-gradient(circle at 85% 30%,#3c2b58,transparent 36%),#12182d}.page-hero p,.crumb{color:#aab0cb}.crumb a{color:#e4c3ff}
.sidebar-box.light,.account-placeholder{background:#1c2540}
.auth-card input{background:#10172a;border-color:#454461;color:#fff}
.hamburger{background:#282541}.hamburger span{background:#e6d6ff}
@media(max-width:760px){.nav{background:#131a2e;box-shadow:0 16px 35px #0009}.nav a{border-color:#333a57}.hero-grid{grid-template-columns:1fr;gap:15px}.hero-copy{grid-column:1;grid-row:1}.hero-art{grid-column:1;grid-row:2;min-height:350px}.art-card{max-width:315px}.art-orbit{width:310px;height:310px}.orbit-two{width:240px;height:240px}}