:root{--ink:#183b43;--gold:#f5be42;--teal:#087c78;--line:#ead9b9}*{box-sizing:border-box}.game-portal{margin:0!important;background:#eaf4f3!important;color:#25383a;font-family:Arial,sans-serif;min-height:100vh}.game-portal .overlay,#snow{display:none!important}.portal-shell{width:100%;min-height:100vh}.portal-main{background:#f6f3eb;margin:0;min-height:100vh}.portal-topbar{height:82px;padding:0 max(24px,calc((100vw - 1580px)/2));display:flex;align-items:center;gap:28px;background:#fff;position:relative;z-index:30;border-bottom:1px solid #dce6e5}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900}.portal-brand img{width:58px;height:58px;object-fit:contain;border-radius:14px}.portal-brand span{display:none}.portal-age{margin-left:auto;display:flex;align-items:center;gap:7px;color:#6e7b7c;font-size:12px}.portal-age img{width:18px}.portal-hero{height:590px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(7,27,47,.16),rgba(6,23,40,.48)),url('/images/wallpp.jpg') center 35%/cover no-repeat}.portal-hero:after{content:"";position:absolute;inset:auto 0 0;height:140px;background:linear-gradient(transparent,#f6f3eb);z-index:1}.portal-hero-shade{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 15%,rgba(5,21,38,.18) 68%,rgba(5,21,38,.48))}.portal-hero-logo{position:absolute;left:7%;top:34px;z-index:2}.portal-hero-logo img{width:210px;max-height:130px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.portal-account{position:absolute;right:5%;top:30px;z-index:4;display:grid;gap:9px;width:210px;padding:10px;border-radius:20px;background:rgba(15,42,66,.82);border:1px solid rgba(255,255,255,.3);box-shadow:0 14px 30px rgba(0,0,0,.3)}.account-pill{min-height:48px;padding:8px 14px;display:flex;align-items:center;gap:10px;color:#fff!important;text-decoration:none;border-radius:13px;border:1px solid rgba(255,255,255,.28);font-weight:800}.account-pill i{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.16)}.account-pill small{display:block;font-size:10px;opacity:.8}.account-login,.account-user{background:linear-gradient(135deg,#246b9e,#334a91)}.account-register{background:linear-gradient(135deg,#7954b9,#4d408f)}.account-logout{background:linear-gradient(135deg,#a95757,#753c49)}.portal-hero-copy{position:absolute;z-index:3;inset:160px 20% auto;text-align:center;color:#fff;text-shadow:0 3px 10px #07182b}.portal-hero-copy span{font-size:clamp(35px,5vw,82px);font-weight:1000;letter-spacing:-2px;color:#ffd061;-webkit-text-stroke:1px #7d310d}.portal-hero-copy strong{display:block;width:max-content;max-width:100%;margin:12px auto;padding:7px 35px;border:1px solid #f0be56;border-radius:999px;background:rgba(76,27,13,.76);font-size:clamp(20px,2.7vw,39px);color:#fff0b0}.portal-hero-copy small{font-size:15px;font-weight:700}.portal-quick-actions{position:absolute;z-index:5;left:50%;bottom:28px;transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(700px,70%);padding:10px;background:rgba(16,38,66,.85);border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,.35)}.quick-card{height:105px;display:flex;align-items:center;gap:14px;padding:18px;color:#fff!important;text-decoration:none;border-radius:15px;border:1px solid rgba(255,255,255,.25);transition:.2s}.quick-card:hover{transform:translateY(-3px)}.quick-card>i{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:23px;background:rgba(255,255,255,.18)}.quick-card span{flex:1}.quick-card b{display:block;font-size:22px}.quick-card small{font-weight:600;opacity:.85}.quick-card em{font-size:28px;font-style:normal}.quick-recharge{background:linear-gradient(135deg,#a65b56,#774a5a)}.quick-download{background:linear-gradient(135deg,#278fb2,#345da2)}.portal-socials{position:fixed;z-index:25;right:18px;top:38%;display:grid;gap:8px;padding:8px;border:1px solid #eaca61;border-radius:24px;background:linear-gradient(#079c91,#086c68)}.portal-socials a{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#ffe274,#e5ad25);color:#174d55;text-decoration:none;font-weight:900;font-size:12px}.portal-nav{position:absolute;z-index:35;top:0;left:50%;transform:translateX(-50%);height:82px;display:flex;align-items:center;justify-content:center;gap:clamp(18px,3vw,55px);pointer-events:none}.portal-nav a{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:28px 8px;color:#384849;text-decoration:none;font-size:14px;font-weight:800;text-transform:uppercase;white-space:nowrap}.portal-nav a.active,.portal-nav a:hover{color:#b37718}.portal-nav .mobile-account{display:none}.portal-content{padding:34px 20px 70px;background:linear-gradient(#f6f3eb,#edf6f4)}.portal-content-inner{width:min(1120px,100%);margin:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.93);box-shadow:0 12px 30px rgba(24,59,67,.08)}.portal-content .topic_name{background:transparent!important;border:0!important;box-shadow:none!important}.portal-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding:22px 20px 100px;color:#6e7776;font-size:12px;background:#edf6f4}.portal-footer img{width:17px}.portal-content img{max-width:100%}.portal-notice{text-align:center;padding:9px;background:#fff1bf;color:#7a5412;font-weight:700}
@media(max-width:1100px){.portal-topbar{padding:0 18px}.portal-age{display:none}.portal-brand span{display:block}.portal-nav{position:fixed;top:auto;bottom:0;left:0;transform:none;width:100%;height:76px;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.12);justify-content:space-around;gap:0}.portal-nav a,.portal-nav .mobile-account{display:flex;flex:1;height:100%;padding:9px 4px;flex-direction:column;gap:5px;font-size:11px;text-transform:none;color:#597276}.portal-nav a i{font-size:18px}.portal-nav a.active{background:linear-gradient(#fff8df,#fff);color:#a87012}.portal-hero{height:690px}.portal-hero-logo{left:5%;top:28px}.portal-hero-logo img{width:160px}.portal-account{right:4%;top:22px;width:180px}.portal-hero-copy{inset:210px 8% auto}.portal-socials{position:absolute;top:auto;right:20px;bottom:12px;display:flex}.portal-quick-actions{bottom:95px;width:min(720px,92%)}.portal-content{padding:26px 14px}.portal-content-inner{padding:16px}.portal-footer{padding-bottom:100px}}
@media(max-width:620px){.portal-topbar{height:72px}.portal-brand img{width:46px;height:46px}.portal-brand span{font-size:17px}.portal-hero{height:760px;background-position:58% center}.portal-hero-logo{top:24px}.portal-hero-logo img{width:130px}.portal-account{top:18px;right:14px;width:150px;padding:7px}.account-pill{min-height:43px;padding:6px 9px;font-size:13px}.account-pill i{width:25px;height:25px}.portal-hero-copy{inset:175px 4% auto}.portal-hero-copy span{font-size:40px;line-height:1.05}.portal-hero-copy strong{font-size:18px;padding:8px 15px}.portal-hero-copy small{font-size:12px}.portal-quick-actions{bottom:120px;width:calc(100% - 28px);gap:7px;padding:7px}.quick-card{height:88px;padding:12px 10px;gap:8px}.quick-card>i{width:40px;height:40px;font-size:18px}.quick-card b{font-size:16px}.quick-card small{font-size:9px}.quick-card em{display:none}.portal-socials{right:14px;bottom:44px}.portal-socials a{width:40px;height:40px}.portal-content{padding:20px 8px}.portal-content-inner{padding:10px;border-radius:14px}.post-item{align-items:flex-start!important}.portal-footer{font-size:10px;text-align:center}}
@media(max-width:380px){.portal-brand span{font-size:14px}.portal-account{width:138px}.portal-hero-copy span{font-size:34px}.quick-card b{font-size:14px}.quick-card>i{display:none}}

@media(min-width:1101px){.nav-account-menu{position:absolute;left:calc(100% + 20px);right:auto;top:10px}}

/* Authentication modals */
#toast-container.toast-top-right{top:24px;right:24px;z-index:9999999}#toast-container>div{width:min(445px,calc(100vw - 32px));min-height:82px;margin-bottom:12px;padding:22px 46px 20px 54px;border:1px solid transparent;border-radius:15px;background-position:18px center!important;background-size:22px!important;box-shadow:0 13px 32px rgba(14,42,50,.2);color:#263d42;opacity:1!important;font-size:15px;font-weight:700;line-height:1.5}#toast-container>.toast-error{border-color:#f2bebe;background-color:#fff0f0;color:#e31515}#toast-container>.toast-success{border-color:#9edbd1;background-color:#ecfbf7;color:#08766e}#toast-container>.toast-warning{border-color:#f0d18a;background-color:#fff8e5;color:#9a6700}#toast-container>.toast-info{border-color:#a8d8e5;background-color:#effaff;color:#17718a}#toast-container .toast-close-button{position:absolute;left:-10px;right:auto;top:-10px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#e44848!important;box-shadow:0 3px 8px rgba(0,0,0,.14);font-size:17px;line-height:1;opacity:1}#toast-container .toast-progress{height:3px;border-radius:0 0 15px 15px;background:currentColor;opacity:.25}@media(max-width:620px){#toast-container.toast-top-right{top:14px;right:10px}#toast-container>div{width:calc(100vw - 24px);min-height:68px;padding:15px 34px 14px 45px;font-size:12px;background-position:14px center!important;background-size:18px!important}}

/* Authentication modals */
.user-center{max-width:1100px;margin:auto}.user-center__header{text-align:center;padding:12px 0 30px}.user-center__avatar{width:92px;height:92px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#118894;color:#fff;font-size:36px;font-weight:900;box-shadow:0 10px 20px rgba(11,112,124,.2)}.user-center__header h1{margin:14px 0 0;color:#087b89;font-size:38px;font-weight:900}.user-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;border:1px solid #bfe5e3;border-radius:14px;background:#f2fcfb}.user-tabs a{display:flex;align-items:center;justify-content:center;gap:10px;min-height:58px;border-radius:10px;color:#648187;text-decoration:none;font-size:18px;font-weight:800}.user-tabs a.active{background:#12837b;color:#fff;box-shadow:0 6px 13px rgba(13,107,102,.16)}.user-panel{margin-top:28px;padding:26px 30px;border:1px solid #bfe0df;border-radius:12px;background:#fff;box-shadow:0 9px 22px rgba(18,87,91,.1)}.settings-page h2,.account-form h2{margin:0 0 24px;color:#0c6562;font-size:27px;font-weight:900}.setting-card{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:12px;margin-top:14px;padding:19px;border:1px solid #bfe5e3;border-radius:11px;background:#f5fcfb;color:#174d53!important;text-decoration:none}.setting-card>i:first-child{color:#11837c;font-size:20px}.setting-card>i:last-child{color:#86a0a4}.setting-card b,.setting-card small{display:block}.setting-card b{font-size:18px}.setting-card small{margin-top:3px;color:#6d898e}.setting-card:hover{transform:translateY(-2px);border-color:#4eb3ad;box-shadow:0 7px 15px rgba(20,104,104,.1)}.account-form{width:min(440px,100%)}.account-form label{margin-bottom:7px;color:#165f5d;font-weight:800}.account-form .form-control{min-height:50px;border-color:#b9dedd}.account-form .btn-primary{min-height:48px;border:0;background:#12837b;font-weight:900}
@media(max-width:620px){.user-center__header{padding-bottom:20px}.user-center__avatar{width:72px;height:72px;font-size:28px}.user-center__header h1{font-size:30px}.user-tabs{gap:3px;padding:6px}.user-tabs a{min-height:52px;gap:6px;font-size:13px}.user-panel{margin-top:18px;padding:18px 12px}.setting-card{padding:15px}.setting-card b{font-size:16px}.setting-card small{font-size:12px}}

/* Authentication modals */
.nav-account-menu{position:fixed;z-index:70;right:24px;top:10px;height:62px;pointer-events:auto}.nav-account-toggle{height:58px;min-width:145px;display:flex;align-items:center;gap:11px;padding:7px 13px;border:1px solid #d2e0e1;border-radius:7px;background:#fff;color:#304c51;box-shadow:0 2px 5px rgba(19,58,64,.08);font-size:15px}.nav-account-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:5px;background:#2b9296;color:#fff;font-weight:900}.nav-account-toggle strong{max-width:120px;overflow:hidden;text-overflow:ellipsis}.nav-account-toggle>i{margin-left:auto;color:#779095;transition:transform .2s}.nav-account-menu.is-open .nav-account-toggle>i{transform:rotate(180deg)}.nav-account-dropdown{position:absolute;right:0;top:66px;width:300px;overflow:hidden;border:1px solid #d4e1e2;border-radius:6px;background:#fff;box-shadow:0 14px 30px rgba(9,45,54,.22);opacity:0;visibility:hidden;transform:translateY(-7px);transition:.18s}.nav-account-menu.is-open .nav-account-dropdown{opacity:1;visibility:visible;transform:none}.portal-nav .nav-account-dropdown a{width:100%;min-height:62px;display:flex;align-items:center;gap:15px;padding:13px 20px;border-bottom:1px solid #e1eaeb;color:#38545a;font-size:17px;text-transform:none}.portal-nav .nav-account-dropdown a:last-child{border-bottom:0}.nav-account-dropdown a>i{width:20px;color:#0c9495;font-size:19px;text-align:center}.nav-account-dropdown a span{display:block}.nav-account-dropdown a small{display:block;color:#7c9296;font-size:11px}.nav-account-dropdown .nav-account-logout>i{color:#f04c57}.portal-nav .nav-account-dropdown a:hover{background:#eef9f8;color:#167b79}
@media(max-width:1100px){.nav-account-menu{position:static;z-index:auto;right:auto;top:auto;height:100%;display:flex;flex:1;pointer-events:auto}.nav-account-toggle{width:100%;height:100%;min-width:0;justify-content:center;flex-direction:column;gap:4px;padding:7px 3px;border:0;border-radius:0;background:#fff;box-shadow:none;color:#597276;font-size:11px}.nav-account-avatar{width:auto;height:auto;background:transparent;color:inherit;font-family:"Font Awesome 6 Free";font-size:0}.nav-account-avatar:before{content:"\f007";font-size:18px;font-weight:900}.nav-account-toggle strong{max-width:80px;font-weight:700}.nav-account-toggle>i{display:none}.nav-account-dropdown{position:fixed;right:8px;top:auto;bottom:82px;width:min(300px,calc(100vw - 16px));transform:translateY(7px)}.nav-account-menu.is-open .nav-account-dropdown{transform:none}.portal-nav .nav-account-dropdown a{height:auto;min-height:60px;flex-direction:row;padding:13px 20px;font-size:17px}.nav-account-menu.active .nav-account-toggle{background:linear-gradient(#fff8df,#fff);color:#a87012}}
@media(max-width:1100px){.portal-socials{transition:opacity .2s,visibility .2s,transform .2s}.account-menu-open .portal-socials{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(12px)!important}}

/* Authentication modals */
.download-page{max-width:1040px;margin:auto;padding:8px 0 24px}.download-heading{text-align:center;margin-bottom:26px}.download-heading>img{width:105px;height:72px;object-fit:contain}.download-heading h1{margin:2px 0 12px;color:#0b91aa;font-size:clamp(38px,5vw,62px);font-weight:900}.device-summary{width:max-content;max-width:100%;margin:auto;padding:9px 18px;border:1px solid #0aa0bd;border-radius:999px;background:#dff8f8;color:#31575d;font-size:16px}.device-summary i{margin-right:7px;color:#0797b3}.download-accordion{display:grid;gap:18px}.download-platform{overflow:hidden;border:1px solid #c3e8e5;border-radius:18px;background:rgba(255,255,255,.86);box-shadow:0 10px 25px rgba(16,111,117,.07)}.download-platform.is-device{border-color:#16a9ba;box-shadow:0 12px 28px rgba(10,145,163,.16)}.download-platform__toggle{width:100%;min-height:126px;display:grid;grid-template-columns:62px 1fr 32px;align-items:center;gap:14px;padding:22px 28px;border:0;background:transparent;color:#0b6563;text-align:left}.platform-icon{font-size:42px;color:#10867f}.download-platform__toggle>span{min-width:0}.download-platform__toggle b{font-size:29px}.download-platform__toggle small{display:block;margin-top:5px;color:#67858b;font-size:16px}.device-badge{display:none;margin-left:12px;padding:6px 13px;border-radius:999px;background:#0d9ab4;color:#fff;font-size:12px;font-style:normal;font-weight:800;vertical-align:middle}.is-device .device-badge{display:inline-block}.toggle-arrow{color:#66858a;font-size:24px;transition:transform .22s}.is-open .toggle-arrow{transform:rotate(180deg)}.download-platform__body{display:none;align-items:center;justify-content:space-between;gap:22px;padding:22px 30px;border-top:1px solid #d6ecea;background:#f7ffff}.is-open .download-platform__body{display:flex}.download-platform__body h3{margin:0 0 9px;color:#125f5e;font-size:20px;font-weight:900}.download-platform__body p{display:inline-block;margin:0 18px 0 0;color:#668087;font-size:14px}.download-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:150px;padding:12px 18px;border-radius:10px;background:#11877f;color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 6px 12px rgba(10,107,102,.18)}.download-button:hover{background:#076e69;transform:translateY(-2px)}.download-button.secondary{background:#2479ad}.download-file-actions{display:flex;gap:9px}.download-note{display:flex;align-items:center;gap:14px;margin-top:22px;padding:18px 22px;border-radius:14px;background:#e7f8f5;color:#54747a}.download-note>i{color:#10877f;font-size:28px}.download-note span b{display:block;color:#176c68}.download-note span{line-height:1.5}
@media(max-width:620px){.download-page{padding:4px}.download-heading>img{width:86px;height:56px}.download-heading h1{font-size:38px}.device-summary{font-size:13px}.download-accordion{gap:12px}.download-platform__toggle{min-height:105px;grid-template-columns:42px 1fr 22px;gap:10px;padding:17px 14px}.platform-icon{font-size:32px}.download-platform__toggle b{font-size:22px}.download-platform__toggle small{font-size:13px;line-height:1.4}.device-badge{display:none}.is-device .device-badge{display:inline-block!important;margin-left:7px;padding:5px 9px;font-size:10px}.download-platform__body,.is-open .download-platform__body{align-items:stretch;flex-direction:column;padding:17px}.download-platform__body p{display:block;margin:4px 0}.download-button{width:100%}.download-file-actions{flex-direction:column}.download-note{align-items:flex-start;padding:15px}}

/* Authentication modals */
.auth-modal{position:relative;overflow:hidden;border:1px solid #8bc9c8!important;border-radius:20px!important;background:#fff!important;box-shadow:0 22px 55px rgba(5,50,60,.3)!important}
.auth-close{position:absolute;z-index:5;right:18px;top:14px;border:0;background:transparent;color:#64858a;font-size:23px}
.auth-heading{text-align:center;padding:16px 20px 22px;border-bottom:1px solid #c6e5e3}
.auth-heading img{width:92px;height:64px;object-fit:contain;margin-bottom:4px}
.auth-heading h2{margin:0;color:#087872;font-size:38px;font-weight:900}.auth-heading p{margin:4px 0 0;color:#69848a;font-size:18px}
.auth-modal form{padding-top:20px!important}.auth-field>label,.auth-modal form>div>label{display:block;margin-bottom:8px;color:#08645f;font-weight:800}
.auth-field .input-group,.auth-modal form .input-group{overflow:hidden;border:1px solid #b7dfdc;border-radius:13px;background:#fff}
.auth-field .input-group-text{border:0;background:#fff;color:#66898e}.auth-field .form-control,.auth-modal form .form-control{min-height:54px;border:0!important;background:#fff!important;box-shadow:none!important;color:#294b50}
.auth-forgot{text-align:right;margin-top:14px}.auth-forgot a,.auth-actions a{color:#087f78!important;text-decoration:none;font-weight:700}
.auth-actions .btn-primary{width:100%;min-height:50px;border:0!important;border-radius:10px;background:#11847b!important;font-size:18px;font-weight:900;box-shadow:0 7px 14px rgba(13,111,104,.2)}
.auth-actions .btn-primary:hover{background:#086c66!important;transform:translateY(-1px)}
#modalRegister .modal-dialog,#modalForgotPass .modal-dialog,#modalLogin .modal-dialog{max-width:560px}
@media(max-width:620px){.auth-heading h2{font-size:30px}.auth-heading img{width:78px;height:54px}.auth-modal form{margin-left:4px!important;margin-right:4px!important}.auth-modal .modal-body{padding:13px}}

/* Responsive site footer */
.site-footer{padding:56px max(24px,calc((100vw - 1470px)/2)) 24px;background:#fff;color:#66828a;border-top:1px solid #cfe7e4}
.site-footer__grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:56px;padding-bottom:38px}
.site-footer__logo{display:flex;align-items:center;gap:12px;color:#11766f;text-decoration:none;text-transform:uppercase}
.site-footer__logo:hover{color:#0a615c}
.site-footer__logo img{width:52px;height:52px;object-fit:contain;border-radius:10px}
.site-footer__logo strong{font-size:25px;font-weight:900}
.site-footer__brand>p{max-width:310px;margin:18px 0;line-height:1.55}
.site-footer__socials{display:flex;gap:14px}
.site-footer__socials a{width:50px;height:50px;display:grid;place-items:center;border-radius:11px;background:#ecf8f7;color:#087e78;text-decoration:none;font-size:22px}
.site-footer__socials a b{font-size:11px}
.site-footer__column{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.site-footer__column h2{margin:3px 0 13px;color:#12645f;font-size:22px;font-weight:800}
.site-footer__column a,.site-footer__contact p{margin:0;color:#66828a;text-decoration:none;font-size:16px}
.site-footer__column>a:hover{color:#b37718}
.site-footer__contact a,.site-footer__contact p{display:flex;align-items:center;gap:11px}
.site-footer__contact i{width:17px;color:#087e78;text-align:center}
.site-footer__bottom{display:flex;justify-content:space-between;gap:20px;padding:28px 0 15px;border-top:1px solid #cfe7e4;font-size:14px}
.site-footer__bottom i{color:#e53935}
.site-footer__age{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:10px;font-size:12px;color:#7b8c8d}
.site-footer__age img{width:18px}

@media(max-width:900px){
  .site-footer{padding:42px 22px 105px}
  .site-footer__grid{grid-template-columns:1fr 1fr;gap:38px 50px}
}

@media(max-width:620px){
  .site-footer{padding:34px 20px 110px}
  .site-footer__grid{grid-template-columns:1fr;gap:34px;padding-bottom:30px}
  .site-footer__logo strong{font-size:23px}
  .site-footer__brand>p{max-width:none}
  .site-footer__column{gap:14px}
  .site-footer__column h2{margin-bottom:8px}
  .site-footer__bottom{flex-direction:column;align-items:center;text-align:center}
  .site-footer__bottom span:last-child{display:none}
  .site-footer__age{align-items:flex-start;text-align:center}
}

/* Desktop community navigation and floating social rail */
@media(min-width:1101px){
  .portal-nav{gap:clamp(14px,2.1vw,42px)}
  .portal-socials{top:25%;right:18px;gap:9px;padding:12px 8px;border:2px solid #f1cb59;border-radius:26px;box-shadow:0 10px 26px rgba(0,0,0,.28)}
  .portal-socials:before,.portal-socials:after{content:"◆";position:absolute;left:50%;transform:translateX(-50%);color:#f2c952;font-size:20px;text-shadow:0 0 0 #0b817b}
  .portal-socials:before{top:-17px}.portal-socials:after{bottom:-17px}
  .portal-socials a{width:72px;height:66px;display:flex;flex-direction:column;gap:3px;justify-content:center;border:1px solid rgba(255,255,255,.65);box-shadow:inset 0 2px 6px rgba(255,255,255,.45),0 4px 8px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
  .portal-socials a i,.portal-socials a b{font-size:20px;line-height:1}.portal-socials a b{font-size:13px}
  .portal-socials a span{display:block;font-size:10px;font-weight:900}
  .portal-socials a:hover,.portal-socials a:focus-visible{transform:translateX(-8px) scale(1.1);box-shadow:0 10px 22px rgba(0,0,0,.34),0 0 0 3px rgba(255,217,91,.3);filter:brightness(1.08);outline:0}
  .portal-socials a:active{transform:translateX(-5px) scale(.96)}
  .portal-socials .social-download{background:linear-gradient(#76d9ec,#2996bd);color:#fff}
  .portal-socials .social-youtube{color:#b51616}.portal-socials .social-tiktok{color:#101b25}
}

/* Community page */
.community-page{display:grid;grid-template-columns:.82fr 1.18fr;gap:20px;margin:-4px}.community-intro,.community-links-panel{border-radius:18px;padding:34px}.community-intro{display:flex;flex-direction:column;min-height:570px;color:#fff;background:linear-gradient(145deg,#081426,#171323 70%,#30201c);box-shadow:0 14px 30px rgba(8,20,38,.18)}.community-intro>img{width:190px;height:120px;object-fit:contain;margin:0 auto 36px}.community-eyebrow{margin:0 0 14px!important;color:#ffd971;font-size:14px;font-weight:900;letter-spacing:3px}.community-intro h1{margin:0;font-size:42px;font-weight:900}.community-intro h2{margin:4px 0 24px;color:#bfe8eb;font-size:18px}.community-intro>p:not(.community-eyebrow){line-height:1.8;color:#d7dce5}.community-home{margin-top:auto;display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:12px;background:#fff;color:#0d1525!important;text-decoration:none;transition:.2s}.community-home>i:first-child{width:46px;height:46px;display:grid;place-items:center;border-radius:10px;color:#fff;background:#0aa897}.community-home span{flex:1}.community-home b,.community-home small{display:block}.community-home small{color:#78889b}.community-home:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(0,0,0,.25)}.community-links-panel{background:#f1f3f6}.community-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px solid #dce1e7}.community-heading small{color:#087c78;font-weight:900;letter-spacing:3px}.community-heading h2{margin:6px 0 0;font-size:29px;font-weight:900}.community-heading>span{color:#93a0b4;font-weight:800}.community-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.community-link{min-height:105px;display:flex;align-items:center;gap:14px;padding:16px;border:1px solid #dbe2e9;border-radius:12px;background:#fff;color:#111827!important;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}.community-link>i:first-child{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:22px}.community-link>span{flex:1}.community-link b,.community-link small{display:block}.community-link b{font-size:17px}.community-link small{color:#78889b}.community-link>i:last-child{color:#bec9d5}.community-link:hover{transform:translateY(-5px);border-color:#69aaa5;box-shadow:0 12px 24px rgba(20,50,65,.13)}.community-link:active{transform:scale(.98)}.community-link.zalo{grid-column:1/-1;color:#fff!important;background:#0868e9;border-color:#0868e9}.community-link.zalo>i:first-child{background:#fff;color:#0868e9}.community-link.zalo small,.community-link.zalo>i:last-child{color:#dcecff}.community-link.facebook>i:first-child{background:#2380ef}.community-link.youtube>i:first-child{background:#f10b16}.community-link.tiktok>i:first-child{background:#070707}.community-signature{margin-top:18px;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:11px;background:#071022;color:#fff}.community-signature b,.community-signature small{display:block}.community-signature small{color:#92a1b5}.community-signature img{width:55px;height:55px;object-fit:contain}
@media(max-width:1100px){.desktop-community{display:none!important}.portal-socials a span{display:none}.community-page{grid-template-columns:1fr}.community-intro{min-height:auto}.community-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.community-page{margin:0}.community-intro,.community-links-panel{padding:20px 15px}.community-intro h1{font-size:30px}.community-intro>img{margin-bottom:15px}.community-grid{grid-template-columns:1fr}.community-link.zalo{grid-column:auto}.community-heading>span{display:none}}

/* Mobile floating social dock */
@media(max-width:1100px){
  .portal-socials{position:fixed;left:auto;right:12px;bottom:88px;top:auto;z-index:45;transform:none;display:flex;align-items:center;gap:7px;padding:6px 9px;border:2px solid #efca55;border-radius:999px;background:linear-gradient(180deg,#079d91,#08756f);box-shadow:0 10px 22px rgba(5,35,48,.28);white-space:nowrap}
  .portal-socials a{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:linear-gradient(#ffe477,#e7ae27);color:#174d55!important;box-shadow:inset 0 2px 5px rgba(255,255,255,.5),0 3px 7px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
  .portal-socials a i,.portal-socials a b{font-size:17px;line-height:1;margin:0}
  .portal-socials a b{font-size:11px}
  .portal-socials a:hover,.portal-socials a:focus-visible{transform:translateY(-9px) scale(1.1);box-shadow:0 11px 16px rgba(0,0,0,.34),0 0 0 3px rgba(255,218,86,.25);filter:brightness(1.08);outline:0}
  .portal-socials a:active{transform:translateY(-5px) scale(.94)}
  .portal-socials .social-download{background:linear-gradient(#77dced,#2b9bc1);color:#fff!important}
  .portal-socials .social-youtube{color:#a91919!important}
  .portal-socials .social-tiktok{color:#142028!important}
}
@media(max-width:380px){.portal-socials{gap:5px;padding:5px 7px}.portal-socials a{width:39px;height:39px;flex-basis:39px}}

/* Desktop news dropdown */
.news-menu{position:relative;height:82px;display:flex;align-items:center;pointer-events:auto}.portal-nav .news-menu-trigger{height:82px}.news-caret{font-size:9px;transition:transform .2s}.news-dropdown{position:absolute;left:50%;top:72px;width:220px;padding:9px;transform:translate(-50%,10px);border:1px solid #d9e5e5;border-radius:12px;background:#fff;box-shadow:0 16px 34px rgba(17,52,60,.2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s;z-index:60}.portal-nav .news-dropdown a{display:flex;width:100%;padding:13px 12px;border-radius:8px;font-size:14px;text-transform:none;color:#425659}.portal-nav .news-dropdown a i{width:20px;color:#168f96}.portal-nav .news-dropdown a:hover{color:#9d6810;background:#fff5db;transform:translateX(4px)}.news-menu:hover .news-dropdown,.news-menu:focus-within .news-dropdown,.news-menu.is-open .news-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.news-menu:hover .news-caret,.news-menu:focus-within .news-caret,.news-menu.is-open .news-caret{transform:rotate(180deg)}

/* News index */
.news-page{overflow:hidden;border:1px solid #b9d3d5;border-radius:16px;background:#f9fbf8}.news-heading{display:flex;align-items:center;gap:16px;padding:20px 26px;color:#fff;background:linear-gradient(105deg,#07536a,#2393a2 43%,#eff4ef)}.news-heading img{width:68px;height:68px;object-fit:cover;border-radius:14px;border:2px solid rgba(255,255,255,.55)}.news-heading h1{margin:0;font-family:Georgia,serif;font-size:42px;text-shadow:1px 2px #0c4c5d}.news-heading p{margin:2px 0 0;font-weight:800}.news-heading p a{color:#fff;text-decoration:none}.news-heading p span{padding:0 9px;color:#ccebed}.news-tabs{display:flex;flex-wrap:wrap;gap:7px;padding:20px 24px 13px;border-bottom:1px solid #d5e1df}.news-tabs a{min-width:95px;padding:11px 15px;border:1px solid #bfc9ca;background:#e4e9e9;color:#1e3437;text-align:center;text-decoration:none;font-weight:800;transition:.18s}.news-tabs a:hover{transform:translateY(-3px);box-shadow:0 7px 14px rgba(9,76,91,.15)}.news-tabs a.active{border-color:#0799bb;background:linear-gradient(#12a8ca,#078db2);color:#fff}.news-list{padding:8px 24px 25px}.news-item{display:flex;align-items:center;gap:15px;min-height:92px;padding:15px 4px;border-bottom:1px dotted #aebdbb;transition:background .18s,transform .18s}.news-item:hover{padding-left:10px;background:#f0f8f6;transform:translateX(3px)}.news-item-icon img{width:52px;height:52px;object-fit:cover;border-radius:12px}.news-item-body{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.news-item-body>span{min-width:86px;color:#ef3f31;font-size:12px;font-weight:900}.news-item-body>a{overflow:hidden;color:#10252a;text-decoration:none;font-size:16px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.news-item-body>a:hover{color:#078da0}.news-item-body small{display:none;color:#829193}.news-item time{flex:0 0 auto;color:#77888b;font-weight:700}.news-empty{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#819092}.news-empty i{font-size:42px;color:#28a0aa}.news-empty b{color:#32494c}
@media(max-width:1100px){.news-menu{display:contents}.portal-nav .news-menu-trigger{height:100%}.news-caret,.news-dropdown{display:none}.news-heading{padding:15px}.news-heading img{width:52px;height:52px}.news-heading h1{font-size:30px}.news-tabs{padding:13px 10px 8px;flex-wrap:nowrap;overflow-x:auto}.news-tabs a{min-width:max-content;padding:9px 12px}.news-list{padding:5px 10px 18px}.news-item{gap:10px}.news-item-icon{display:none}.news-item-body{display:block}.news-item-body>span{display:block;margin-bottom:3px}.news-item-body>a{display:block;white-space:normal}.news-item-body small{display:block;margin-top:5px}.news-item time{font-size:11px}}
@media(max-width:620px){.news-heading p{font-size:12px}.news-item time{display:none}}

/* Homepage news and events */
.home-news{padding:8px 0 22px}.home-section-title{display:flex;align-items:center;gap:18px;margin:4px 0 28px;color:#228da7;font-size:clamp(28px,3.3vw,48px);font-weight:900;text-align:center}.home-section-title:before,.home-section-title:after{content:"";height:2px;flex:1;background:linear-gradient(90deg,transparent,#7bc9da)}.home-section-title:after{background:linear-gradient(90deg,#7bc9da,transparent)}.home-section-title span{white-space:nowrap}.home-news-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}.home-news-featured{position:relative;display:block;min-height:390px;overflow:hidden;border:5px solid #e3ebe9;border-radius:13px;box-shadow:0 0 0 1px #a5c1be;color:#fff!important;text-decoration:none}.home-news-featured:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,29,38,.86));pointer-events:none}.home-news-featured img{width:100%;height:100%;min-height:390px;display:block;object-fit:cover;transition:transform .4s}.home-news-featured:hover img{transform:scale(1.045)}.home-news-featured>span{position:absolute;z-index:2;left:18px;top:16px;padding:8px 16px;border-radius:7px;background:#d8a431;font-size:13px;font-weight:900}.home-news-featured>strong{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;font-size:21px;text-shadow:0 2px 6px #000}.home-news-board{display:flex;min-width:0;flex-direction:column;border:1px solid #c8dadd;background:rgba(255,255,255,.9)}.home-news-tabs{display:flex;align-items:center;gap:2px;overflow-x:auto;padding:7px 8px;border-bottom:1px solid #d4e0e2}.home-news-tabs button{min-width:max-content;padding:9px 12px;border:0;border-radius:999px;background:transparent;color:#435b60;font-weight:800;transition:.18s}.home-news-tabs button:hover{transform:translateY(-2px);color:#087f94}.home-news-tabs button.active{background:#70cadb;color:#fff}.home-news-list{min-height:300px;flex:1}.home-news-row{display:grid;grid-template-columns:18px minmax(0,1fr) 45px;align-items:center;gap:5px;min-height:45px;padding:7px 12px;border-bottom:1px solid #d9e3e4;color:#334f54!important;text-decoration:none;font-weight:700;transition:.18s}.home-news-row[hidden]{display:none}.home-news-row>i{color:#e9473d;font-size:12px}.home-news-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-news-row small{margin-right:8px;color:#e84436;font-weight:900}.home-news-row time{text-align:right;font-size:12px}.home-news-row:hover{padding-left:17px;background:#fff5d9;color:#d33b30!important}.home-news-empty{min-height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#819496}.home-news-empty i{font-size:38px;color:#25a0ae}.home-news-search{height:48px;display:flex;border-top:1px solid #d7e1e1;background:#fff}.home-news-search input{min-width:0;flex:1;padding:0 15px;border:0;outline:0;color:#385157;font-weight:600}.home-news-search i{width:48px;display:grid;place-items:center;background:#d2a337;color:#fff;font-size:19px}.home-news-more{width:max-content;display:block;margin:24px auto 0;padding:13px 20px;border:1px solid #add2d7;border-radius:8px;background:#fff;color:#147e90!important;text-decoration:none;font-weight:900;transition:.2s}.home-news-more:hover{transform:translateY(-4px);box-shadow:0 9px 18px rgba(21,105,119,.18)}.home-activity-preview{padding:38px 0 5px;border-top:1px solid #d7e9e9}.activity-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.activity-cards a{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #cfe0df;border-radius:13px;background:#fff;color:#28464b!important;text-decoration:none;box-shadow:0 7px 16px rgba(29,86,92,.07);transition:.2s}.activity-cards a:hover{transform:translateY(-5px);border-color:#56acb3;box-shadow:0 13px 24px rgba(29,86,92,.14)}.activity-cards a>i{width:50px;height:50px;display:grid;place-items:center;border-radius:12px;background:#e1f6f4;color:#088f96;font-size:21px}.activity-cards b,.activity-cards small{display:block}.activity-cards small{margin-top:3px;color:#819193}
@media(max-width:900px){.home-news-layout{grid-template-columns:1fr}.home-news-featured,.home-news-featured img{min-height:310px}.activity-cards{grid-template-columns:1fr}.home-section-title{font-size:30px}}
@media(max-width:620px){.home-section-title{gap:9px;margin-bottom:18px;font-size:22px}.home-section-title span{white-space:normal}.home-news-layout{gap:13px}.home-news-featured,.home-news-featured img{min-height:215px}.home-news-featured>strong{font-size:15px}.home-news-board{border-radius:8px;overflow:hidden}.home-news-tabs{padding:6px}.home-news-tabs button{padding:8px 10px;font-size:12px}.home-news-list{min-height:230px}.home-news-row{grid-template-columns:15px minmax(0,1fr);min-height:55px;padding:7px 9px}.home-news-row time{display:none}.home-news-row>span{white-space:normal;font-size:13px}.home-news-row small{display:block;font-size:10px}.home-news-search input{font-size:12px}.home-activity-preview{padding-top:24px}.activity-cards a{padding:13px}}
.home-news-tabs{scrollbar-width:none}.home-news-tabs::-webkit-scrollbar{display:none}
.home-news-featured>img{opacity:1;transition:opacity .22s ease,transform .4s}.home-news-featured>img.is-changing{opacity:.18}.home-slide-arrow{position:absolute;z-index:4;top:50%;width:38px;height:48px;display:grid;place-items:center;transform:translateY(-50%);border:1px solid rgba(255,255,255,.5);background:rgba(4,43,55,.6);color:#fff;opacity:0;transition:.2s}.home-slide-prev{left:10px}.home-slide-next{right:10px}.home-news-featured:hover .home-slide-arrow,.home-slide-arrow:focus-visible{opacity:1}.home-slide-arrow:hover{background:#0d93a5}.home-slide-dots{position:absolute;z-index:4;left:50%;bottom:10px;display:flex;gap:6px;transform:translateX(-50%)}.home-slide-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55);box-shadow:0 1px 3px rgba(0,0,0,.4);transition:.2s}.home-slide-dots i.active{width:21px;border-radius:8px;background:#f2bd3c}@media(max-width:620px){.home-slide-arrow{width:32px;height:40px;opacity:.75}.home-slide-dots{bottom:7px}}

/* Restore the original website background for the main hero */
.portal-hero{background-image:linear-gradient(180deg,rgba(7,27,47,.12),rgba(6,23,40,.36)),url('/static/images/bg.jpg');background-position:center center;background-size:cover;background-repeat:no-repeat}

/* Mobile hero spacing and alignment */
@media(max-width:620px){
  .portal-hero{height:790px;background-position:50% center}
  .portal-hero-logo{left:18px;top:26px}.portal-hero-logo img{width:125px}
  .portal-account{right:14px;top:24px;width:158px}
  .portal-hero-copy{inset:215px 18px auto}
  .portal-hero-copy span{font-size:clamp(34px,10vw,44px);letter-spacing:-1px}
  .portal-hero-copy strong{margin-top:14px;padding:9px 18px;font-size:18px}
  .portal-hero-copy small{display:block;margin-top:14px;font-size:12px}
  .portal-quick-actions{bottom:175px;width:calc(100% - 28px);gap:8px;padding:8px}
  .quick-card{height:92px;padding:12px}.quick-card b{font-size:16px}
  .portal-socials{right:12px;bottom:88px}
}
@media(max-width:380px){
  .portal-hero-copy{inset:205px 12px auto}.portal-hero-copy span{font-size:34px}
  .portal-quick-actions{bottom:170px}
}

/* Portrait phones: show the full-height hero background like a splash screen */
@media (max-width:620px){
  .portal-hero{
    height:100svh;
    min-height:720px;
    background-position:center;
    background-size:100% 100%;
  }
  .portal-hero-logo{left:16px;top:18px}.portal-hero-logo img{width:105px;max-height:82px}
  .portal-account{right:12px;top:16px;width:142px;padding:6px;gap:6px;border-radius:16px}
  .account-pill{min-height:40px;padding:5px 9px;font-size:12px;border-radius:10px}.account-pill i{width:24px;height:24px}
  .portal-hero-copy{inset:195px 20px auto}
  .portal-hero-copy span{font-size:clamp(29px,8vw,36px);line-height:1.05;letter-spacing:-.5px}
  .portal-hero-copy strong{margin-top:11px;padding:7px 14px;font-size:15px}
  .portal-hero-copy small{margin-top:10px;font-size:10px}
  .portal-quick-actions{bottom:210px;width:calc(100% - 32px);padding:7px;gap:7px;border-radius:16px}
  .quick-card{height:78px;padding:9px;gap:7px;border-radius:12px}.quick-card>i{width:36px;height:36px;font-size:16px}.quick-card b{font-size:14px}.quick-card small{font-size:8px}
  .portal-socials{right:10px;bottom:86px;padding:5px 7px;gap:5px}.portal-socials a{width:36px;height:36px;flex-basis:36px}.portal-socials a i,.portal-socials a b{font-size:14px}
}