:root{--my-navy:#071d49;--my-blue:#123b82;--my-royal:#1f5fc4;--my-red:#d9273c;--my-gold:#ffd447;--my-cream:#fffaf0;--my-ink:#10213f;--my-muted:#67738a;--my-line:#dce3ee;--my-shadow:0 18px 48px rgba(7,29,73,.12)}
body{color:var(--my-ink);background-color:#f6f8fc;background-image:radial-gradient(circle at 10% 4%,rgba(255,212,71,.12),transparent 24%),radial-gradient(circle at 92% 8%,rgba(31,95,196,.09),transparent 27%)}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.24;background-image:linear-gradient(45deg,transparent 46%,rgba(18,59,130,.055) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(217,39,60,.035) 47% 53%,transparent 54%);background-size:42px 42px}
.sidebar{background:linear-gradient(180deg,var(--my-navy),#0b2d69 72%,#102c5b)!important;color:#fff!important;border-right:0!important;box-shadow:12px 0 45px rgba(7,29,73,.16)}
.sidebar:before{content:"";position:absolute;inset:auto 0 0;height:170px;opacity:.18;background:repeating-linear-gradient(45deg,transparent 0 15px,var(--my-gold) 16px 18px,transparent 19px 34px)}
.brand{color:#fff!important}.brandmark{background:var(--my-gold)!important;color:var(--my-navy)!important;box-shadow:0 8px 24px rgba(255,212,71,.22)}.brand-sub{color:var(--my-gold)!important}.side-label,.sidebar-footer span,.side-bottom p{color:#aebfe0!important}.nav-item{color:#dce7ff!important}.nav-item:hover{background:rgba(255,255,255,.08)!important}.nav-item.active{background:linear-gradient(90deg,rgba(255,212,71,.2),rgba(255,255,255,.08))!important;color:#fff!important;border-left:3px solid var(--my-gold)}.nav-item.active svg{color:var(--my-gold)!important;stroke:var(--my-gold)!important}.nav-count{background:var(--my-red)!important;color:#fff!important}
header{background:rgba(255,255,255,.9)!important;border-bottom:1px solid var(--my-line)!important;backdrop-filter:blur(18px)}header:after{content:"MALAYSIA";font-size:9px;font-weight:900;letter-spacing:.28em;color:var(--my-blue);padding:5px 8px 5px 11px;border:1px solid #d6deeb;border-radius:999px}.avatar{background:linear-gradient(135deg,var(--my-blue),var(--my-navy))!important;color:#fff!important;border:2px solid var(--my-gold)!important}.breadcrumb span,.eyebrow{color:var(--my-red)!important}.login-access{color:var(--my-blue)!important}
.intro h1,.section-heading h2,h1,h2,h3{color:var(--my-ink)}.intro h1{letter-spacing:-.04em}.banner{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--my-navy),var(--my-blue) 64%,#225eb5)!important;color:#fff!important;box-shadow:var(--my-shadow)}.banner:before{content:"";position:absolute;inset:0;opacity:.18;background:repeating-linear-gradient(135deg,transparent 0 18px,var(--my-gold) 19px 21px,transparent 22px 40px)}.banner>div{position:relative;z-index:1}.banner h2,.banner p{color:#fff!important}.banner h2 span{color:var(--my-gold)!important}.hero-tags span{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.25)!important;color:#fff!important}.banner-emblem{background:var(--my-gold)!important;color:var(--my-navy)!important}.booking-rule{border-color:#f0d35e!important;background:#fff9dc!important;color:#493c12!important}
.btn.primary,.btn.market-primary{background:linear-gradient(135deg,var(--my-blue),var(--my-navy))!important;border-color:var(--my-blue)!important;color:#fff!important;box-shadow:0 8px 22px rgba(18,59,130,.2)}.btn.primary:hover,.btn.market-primary:hover{transform:translateY(-1px);box-shadow:0 11px 28px rgba(18,59,130,.3)}.filter.active,.market-categories button.active{background:var(--my-navy)!important;color:#fff!important;border-color:var(--my-navy)!important}.pill{background:#eaf0fc!important;color:var(--my-blue)!important}.pill.amber{background:#fff4c4!important;color:#765800!important}.notice{background:#f3f6fc!important;border-color:#d9e2f3!important;color:#415170!important}
.service-card,.rail-card,.approval-card,.task-card,.document-creator-promo,.marketplace-card,.community-market-card{border-color:var(--my-line)!important;box-shadow:0 10px 34px rgba(7,29,73,.07)!important}.service-card:hover,.community-market-card:hover{transform:translateY(-3px);border-color:#a8bce3!important;box-shadow:0 18px 42px rgba(7,29,73,.13)!important}.document-creator-promo{background:linear-gradient(120deg,#fff,#f1f5ff)!important}.document-creator-icon{background:var(--my-gold)!important;color:var(--my-navy)!important}.deposit-card{background:linear-gradient(135deg,var(--my-navy),var(--my-blue))!important;color:#fff!important}.deposit-badge,.deposit-icon{background:var(--my-gold)!important;color:var(--my-navy)!important}.copy-bank-btn{border-color:rgba(255,255,255,.35)!important;color:#fff!important}
.msia-market-hero{background:linear-gradient(135deg,var(--my-navy),var(--my-blue) 62%,var(--my-royal))!important}.market-kicker{color:var(--my-gold)!important}.msia-market-hero h1 em{color:var(--my-gold)!important}.market-primary{background:var(--my-gold)!important;color:var(--my-navy)!important;border-color:var(--my-gold)!important}.market-token{background:rgba(255,255,255,.12)!important;color:#fff!important}.market-price,.market-bid-price b,.marketplace-buy b{color:var(--my-blue)!important}.market-featured,.market-admin-entry{background:var(--my-gold)!important;color:var(--my-navy)!important}.token-hero,.token-order{background:linear-gradient(135deg,var(--my-navy),var(--my-blue))!important}.market-safety{background:#fff8d9!important;border-color:#f1d66b!important}
.live-booking-bell{background:linear-gradient(135deg,var(--my-blue),var(--my-navy))!important;border-color:rgba(255,255,255,.3)!important}.live-booking-bell b{background:var(--my-gold)!important;color:var(--my-navy)!important}.live-dot{background:var(--my-red)!important;box-shadow:0 0 0 6px rgba(217,39,60,.14)!important}
dialog{border:1px solid var(--my-line)!important;box-shadow:0 28px 90px rgba(7,29,73,.28)!important}.dialog-head{background:linear-gradient(180deg,#fff,#f6f8fc)!important;border-bottom-color:var(--my-line)!important}.success-icon{background:var(--my-blue)!important;color:#fff!important}.whatsapp{background:#168b57!important;color:#fff!important}
.mobile-nav{background:rgba(255,255,255,.96)!important;border-top:1px solid var(--my-line)!important;box-shadow:0 -10px 35px rgba(7,29,73,.1)!important}.mobile-nav .nav-item{color:#72809a!important}.mobile-nav .nav-item.active{background:#edf2fc!important;color:var(--my-blue)!important;border-left:0;border-top:3px solid var(--my-red)!important}.main-footer{border-top-color:var(--my-line)!important;color:var(--my-muted)!important}
@media(max-width:760px){header:after{display:none}.sidebar:before{display:none}.banner{border-radius:22px!important}}

/* Malaysia premium: identiti budaya melalui motif, bukan warna bendera. */
:root{--my-navy:#102c34;--my-blue:#174c4a;--my-royal:#23665d;--my-red:#9f403f;--my-gold:#d5b36a;--my-cream:#fbf8f1;--my-ink:#172b2a;--my-muted:#6d7875;--my-line:#dde4df;--my-shadow:0 20px 55px rgba(17,48,43,.12)}
body{background-color:#f7f8f5;background-image:radial-gradient(circle at 10% 4%,rgba(213,179,106,.11),transparent 25%),radial-gradient(circle at 92% 8%,rgba(35,102,93,.08),transparent 28%)}
body:before{opacity:.3;background-image:linear-gradient(45deg,transparent 46%,rgba(35,102,93,.04) 47% 53%,transparent 54%),linear-gradient(-45deg,transparent 46%,rgba(213,179,106,.045) 47% 53%,transparent 54%);background-size:48px 48px}
.sidebar{background:linear-gradient(180deg,#0b3029,#12463c 72%,#0b3029)!important;box-shadow:12px 0 48px rgba(11,48,41,.16)}.sidebar:before{height:210px;opacity:.22;background-image:url('malaysia-motifs.svg');background-repeat:no-repeat;background-position:center bottom;background-size:190px auto}.brandmark{background:linear-gradient(145deg,#e4ca8d,#bd934b)!important;color:#15372f!important}.brand-sub{color:#e3c47f!important}.nav-item.active{background:linear-gradient(90deg,rgba(213,179,106,.18),rgba(255,255,255,.06))!important;border-left-color:#d5b36a}.nav-item.active svg{color:#e1c581!important;stroke:#e1c581!important}

/* Official MY AREA identity — Malaysian Premium */
.brand-official{min-height:78px;justify-content:center!important;align-items:center!important;overflow:visible}
.official-brandmark{width:144px!important;height:76px!important;padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;display:grid!important;place-items:center!important;animation:myarea-logo-float 4.8s ease-in-out infinite}
.official-brandmark img{width:144px;height:76px;max-width:none;object-fit:contain;object-position:center;filter:drop-shadow(0 7px 12px rgba(0,0,0,.28)) drop-shadow(0 0 9px rgba(216,185,104,.13));animation:myarea-logo-glow 4.8s ease-in-out infinite}
@keyframes myarea-logo-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.018)}}
@keyframes myarea-logo-glow{0%,100%{filter:drop-shadow(0 7px 12px rgba(0,0,0,.28)) drop-shadow(0 0 7px rgba(216,185,104,.1))}50%{filter:drop-shadow(0 10px 16px rgba(0,0,0,.33)) drop-shadow(0 0 14px rgba(216,185,104,.34))}}
@media(max-width:850px){.official-brandmark img{filter:none}}
@media(prefers-reduced-motion:reduce){.official-brandmark,.official-brandmark img{animation:none!important}}
.mobile-header-logo{display:none}
@media(max-width:850px){
 header{gap:10px}
 .mobile-header-logo{display:grid;place-items:center;width:66px;height:52px;flex:0 0 66px;overflow:visible;animation:myarea-logo-float 4.8s ease-in-out infinite}
 .mobile-header-logo img{width:76px;height:52px;max-width:none;object-fit:contain;filter:drop-shadow(0 4px 7px rgba(0,0,0,.2))}
 .breadcrumb{flex:1;min-width:0}
}
@media(max-width:620px){
 header{padding-left:12px;padding-right:14px}
 .mobile-header-logo{width:62px;flex-basis:62px}
 .breadcrumb:before{content:''!important}
}
@media(prefers-reduced-motion:reduce){.mobile-header-logo{animation:none!important}}
header:after{content:"BUATAN UNTUK KOMUNITI";color:#6a5632;border-color:#e2d4b6;background:#fffaf0}.banner{background:linear-gradient(125deg,#0b3029,#175348 66%,#24695d)!important}.banner:before{opacity:.2;background-image:url('malaysia-motifs.svg');background-repeat:no-repeat;background-size:330px;background-position:95% 50%}.banner-emblem{background:linear-gradient(145deg,#ead29c,#caa252)!important;color:#15372f!important}
.msia-market-hero{background:linear-gradient(135deg,#0b3029,#174f46 62%,#287264)!important}.msia-market-hero:after{content:"";position:absolute;right:-20px;bottom:-45px;width:290px;height:290px;background:url('malaysia-motifs.svg') center/contain no-repeat;opacity:.16}.market-kicker,.msia-market-hero h1 em{color:#e5c77e!important}.market-primary,.market-featured,.market-admin-entry{background:linear-gradient(135deg,#e6cf99,#c79d4f)!important;color:#15372f!important;border-color:#c9a65f!important}.btn.primary{background:linear-gradient(135deg,#23665d,#0d3a33)!important;border-color:#174c43!important;box-shadow:0 9px 24px rgba(18,72,62,.2)}
.service-card,.rail-card,.approval-card,.task-card,.document-creator-promo,.marketplace-card,.community-market-card{border-radius:20px!important;box-shadow:0 9px 30px rgba(20,54,48,.065)!important}.service-card:hover,.community-market-card:hover{border-color:#b8cfc6!important;box-shadow:0 18px 44px rgba(20,54,48,.12)!important}main{max-width:1480px;margin-inline:auto}.section-heading{margin-top:34px}.section-heading h2{letter-spacing:-.025em}.two-layout,.worker-layout{gap:28px}.service-grid,.community-market-grid{gap:20px}.rail-card{padding:22px!important}.field input,.field select,.field textarea{border-color:#d9e2dd!important;background:#fff!important}.field input:focus,.field select:focus,.field textarea:focus{border-color:#4d8a7c!important;box-shadow:0 0 0 3px rgba(77,138,124,.12)!important}
.deposit-card,.token-hero,.token-order,.live-booking-bell{background:linear-gradient(135deg,#0b3029,#1e6154)!important}.deposit-badge,.deposit-icon,.live-booking-bell b{background:#ddc17e!important;color:#15372f!important}.mobile-nav .nav-item.active{background:#edf4f0!important;color:#174c43!important;border-top-color:#c59b4e!important}@media(max-width:760px){main{padding-left:15px!important;padding-right:15px!important}.service-grid,.community-market-grid{gap:12px}.rail-card{padding:18px!important}.msia-market-hero:after{width:180px;height:180px}}
.arena-hero{display:grid;grid-template-columns:1.5fr .55fr;gap:30px;align-items:center;padding:48px;border-radius:28px;background:linear-gradient(135deg,#0b3029,#185549);color:#fff}.arena-hero h1{font-size:clamp(38px,5vw,64px);color:#fff}.arena-hero h1 em{color:#dfc27c;font-style:normal}.arena-hero p{color:#d7e8e2}.arena-mark{display:grid;place-items:center;align-content:center;aspect-ratio:1;border:1px solid #d5b36a;border-radius:50%;font-size:84px;color:#dfc27c}.arena-mark small{font-size:11px;letter-spacing:.35em}.arena-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.arena-cards article{padding:24px;border:1px solid #dde4df;border-radius:22px;background:#fff;box-shadow:0 15px 40px #163d3420}.arena-cards article>div{font-size:52px}.arena-cards article>span{float:right;color:#876b32;font-size:10px}.arena-coming{margin-top:20px;padding:18px;border-radius:16px;background:#fffaf0;border:1px solid #e8d9b5}.arena-lobby-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.arena-lobby-head>button{display:grid;padding:14px 22px;border:1px solid #d5b36a;border-radius:16px;background:#fffaf0}.arena-lobby-head button b{font-size:28px;letter-spacing:.18em}.arena-lobby-grid{display:grid;grid-template-columns:1fr 320px;gap:24px}.arena-players{display:grid;gap:10px;margin-bottom:14px}.arena-players article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid #dde4df;border-radius:16px;background:#fff}.arena-players article.ready{background:#eef7f2;border-color:#79a895}.arena-players article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#123e35;color:#d9bb72}.arena-players article div{display:grid}.arena-players small,.arena-players em{font-size:11px;color:#71807a;font-style:normal}.arena-board-preview{display:grid;place-items:center;min-height:360px;padding:30px;text-align:center;border-radius:24px;background:linear-gradient(135deg,#e8d6aa,#f8f0dd)}.arena-board-preview>b{font-size:100px;color:#123e35}@media(max-width:760px){.arena-hero{grid-template-columns:1fr;padding:28px 22px}.arena-mark{display:none}.arena-cards,.arena-lobby-grid{grid-template-columns:1fr}.arena-lobby-head{align-items:flex-start;gap:12px}.arena-lobby-head>button{padding:10px}}