@import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500;600;700&family=Noto+Sans+Thai:wght@300;400;500;600;700;800&family=Noto+Serif+Thai:wght@500;600;700&display=swap');
:root{--bg:#030916;--panel:#0a1c33;--panel2:#0d2540;--gold:#f4cc78;--cyan:#73ddf6;--text:#f7fbff;--muted:#98adc4;--line:rgba(179,211,241,.14);--red:#ff7892;--green:#70efba}
body{font-family:'Noto Sans Thai',Tahoma,sans-serif;background:#030916;color:var(--text)}
body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(90deg,rgba(3,9,22,.97),rgba(4,17,37,.8) 48%,rgba(3,9,22,.88)),url('../../assets/celestial-kingdom-hero.png') 67% center/cover no-repeat}
body:after{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 75% 10%,rgba(115,221,246,.13),transparent 30%),linear-gradient(180deg,transparent 55%,#030916)}
.sky{opacity:.08;background-size:70px 70px}.world-backdrop{display:none}
.topbar{height:84px;padding:0 clamp(18px,4vw,60px);border-bottom:1px solid rgba(244,204,120,.18);background:rgba(4,13,30,.9);box-shadow:0 15px 45px rgba(0,0,0,.28);backdrop-filter:blur(18px)}
.brand{gap:17px}.brand .crest{width:92px;height:68px;border:0;background:transparent;box-shadow:none}.crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.brand b{color:#fff1c7;font-family:'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:1.2px}.brand small{color:#829ab3;font-family:'Chakra Petch',sans-serif}.realm-status{border-color:rgba(112,239,186,.25);background:rgba(112,239,186,.06)}.realm-status i{background:var(--green);box-shadow:0 0 12px var(--green)}.realm-status b{color:var(--green)}
.mini-wallet{border-color:rgba(244,204,120,.28);background:rgba(244,204,120,.07);color:#ffe7a4}.app-shell{width:min(1580px,100%);grid-template-columns:270px minmax(0,1fr);min-height:calc(100vh - 84px)}
.sidebar{top:84px;height:calc(100vh - 84px);padding:31px 19px;border-right:1px solid rgba(179,211,241,.11);background:linear-gradient(180deg,rgba(6,22,42,.92),rgba(3,12,26,.9));backdrop-filter:blur(16px)}
.sidebar-title small{color:var(--cyan);font-family:'Chakra Petch',sans-serif;letter-spacing:2px}.account-mini{border-color:rgba(244,204,120,.2);background:linear-gradient(135deg,rgba(244,204,120,.08),rgba(115,221,246,.04));box-shadow:inset 0 1px rgba(255,255,255,.03)}.account-avatar{border-color:rgba(244,204,120,.35);background:linear-gradient(145deg,rgba(244,204,120,.16),rgba(115,221,246,.08));color:#ffe8a7}.account-mini b{color:#fff0bd}.account-mini em{color:var(--green)}
.sidebar nav a{min-height:48px;border:1px solid transparent;border-radius:10px;color:#9db0c5}.sidebar nav a:hover,.sidebar nav a.active{border-color:rgba(244,204,120,.22);color:#fff0c4;background:linear-gradient(90deg,rgba(244,204,120,.11),rgba(115,221,246,.035));box-shadow:inset 3px 0 #f4cc78}.sidebar nav span{color:#f4cc78}.home-link{border-color:rgba(179,211,241,.11)}
.content{padding:45px clamp(22px,4vw,66px) 85px}.page-head{padding-bottom:26px;border-bottom-color:rgba(179,211,241,.12)}.page-head:after{background:linear-gradient(90deg,#f4cc78,#73ddf6,transparent)}.page-head h1{color:#fff0c3;font-family:'Noto Serif Thai',serif;font-weight:600;letter-spacing:-1px}.eyebrow{color:var(--cyan);font-family:'Chakra Petch',sans-serif}
.panel,.hero-wallet,.download-hero,.auth-card{border-color:rgba(179,211,241,.15);border-radius:16px;background:linear-gradient(145deg,rgba(12,38,66,.91),rgba(5,19,38,.95));box-shadow:0 26px 65px rgba(0,0,0,.3),inset 0 1px rgba(255,255,255,.035)}.panel:before,.hero-wallet:before,.auth-card:before{background:linear-gradient(90deg,transparent,rgba(244,204,120,.55),rgba(115,221,246,.35),transparent)}.panel h2,.hero-wallet h2{color:#fff1c8;font-family:'Noto Serif Thai',serif}.hero-wallet{border-color:rgba(244,204,120,.24);background:radial-gradient(circle at 90% 50%,rgba(244,204,120,.13),transparent 27%),linear-gradient(125deg,rgba(13,45,73,.95),rgba(5,20,39,.96))}.hero-wallet strong{color:#ffe49a;font-family:'Chakra Petch',sans-serif}
.stat-grid article,.service-grid a,.reward-bundle,.loyalty-stats article,.download-card{border-color:rgba(179,211,241,.13);background:linear-gradient(145deg,rgba(12,40,67,.88),rgba(5,20,39,.94))}.service-grid a:hover{border-color:rgba(244,204,120,.42);box-shadow:0 22px 50px rgba(0,0,0,.32),0 0 30px rgba(115,221,246,.06)}.service-grid i{border-color:rgba(244,204,120,.25);color:#ffe29a;background:rgba(244,204,120,.06)}
input,select,textarea,.gm-form input,.gm-item-card textarea{border-color:rgba(179,211,241,.19);background:rgba(2,13,28,.78)}input:focus,select:focus,textarea:focus,.gm-form input:focus,.gm-item-card textarea:focus{border-color:#73ddf6;box-shadow:0 0 0 3px rgba(115,221,246,.09)}.primary,.confirm-payment,.gm-btn.gold{background:linear-gradient(135deg,#fff1bd,#edc368 58%,#c38932);color:#171209;box-shadow:0 12px 30px rgba(195,135,41,.22)}
.auth-layout:before{background:linear-gradient(90deg,rgba(3,9,22,.92),rgba(3,9,22,.35) 62%,rgba(3,9,22,.6)),url('../../assets/celestial-kingdom-hero.png') 68% center/cover no-repeat}.hero-copy h1{color:#f7fbff;font-family:'Noto Serif Thai',serif;font-weight:600}.hero-copy em{color:#fff0bd}.auth-card{border-color:rgba(244,204,120,.24)}.tabs{background:rgba(2,12,26,.82)}.tabs button.active{color:#fff0bd;background:linear-gradient(135deg,rgba(244,204,120,.15),rgba(115,221,246,.07))}
.gm-tabs,.gm-section-menu{border-color:rgba(244,204,120,.17);background:rgba(5,20,38,.93)}table{border-color:rgba(179,211,241,.1)}th{color:#8edff0;background:rgba(18,57,83,.48)}td{border-bottom-color:rgba(179,211,241,.07)}footer{border-top:1px solid rgba(244,204,120,.1);background:rgba(2,8,18,.82);color:#566b83}
@media(max-width:1050px){.app-shell{grid-template-columns:88px minmax(0,1fr)}}
@media(max-width:760px){.topbar{height:72px}.brand .crest{width:67px;height:52px}.brand small,.realm-status{display:none}.sidebar{height:72px}.content{padding:27px 13px 94px}.auth-layout:before{background-position:72% center}.page-head h1{font-size:35px}}