/* Coalgrid / black-yellow visual layer. Content and behavior stay in the original markup. */
:root{
  --cg-black:#07090a;
  --cg-deep:#0d1113;
  --cg-surface:#13191b;
  --cg-surface-2:#1a2224;
  --cg-line:rgba(244,255,45,.20);
  --cg-line-soft:rgba(255,255,255,.10);
  --cg-yellow:#e9ff27;
  --cg-yellow-2:#cfe800;
  --cg-text:#f4f6ed;
  --cg-muted:#aab3b3;
  --cg-shadow:0 18px 46px rgba(0,0,0,.34);
}
body.coalgrid-shell{
  min-width:320px;
  background:
    radial-gradient(850px 420px at 104% -8%, rgba(233,255,39,.13), transparent 62%),
    radial-gradient(720px 380px at -8% 22%, rgba(233,255,39,.075), transparent 64%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 15px),
    var(--cg-black);
  color:var(--cg-text);
  font-family:"Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  letter-spacing:.012em;
}
.coalgrid-shell *, .coalgrid-shell *:before, .coalgrid-shell *:after{box-sizing:border-box}
.coalgrid-shell .coalgrid-app{overflow:hidden}
.coalgrid-shell a{color:var(--cg-yellow);text-decoration:none;transition:color .18s ease,opacity .18s ease}
.coalgrid-shell a:hover{color:#fff;text-decoration:none}
.coalgrid-shell p{color:var(--cg-muted);line-height:1.72}
.coalgrid-shell h1,.coalgrid-shell h2,.coalgrid-shell h3,.coalgrid-shell h4{
  color:var(--cg-text);
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-weight:500;
  letter-spacing:.025em;
  text-transform:uppercase;
}
.coalgrid-shell h1{font-size:clamp(2.2rem,4.3vw,4.5rem);line-height:.98}
.coalgrid-shell h2{font-size:clamp(1.65rem,3vw,2.75rem);line-height:1.04}
.coalgrid-shell h3{font-size:clamp(1.2rem,2.15vw,1.8rem);line-height:1.12}
.coalgrid-shell img{max-width:100%;height:auto}
.coalgrid-shell .uk-container{max-width:1280px}
.coalgrid-shell .coalgrid-header,
.coalgrid-shell .coalgrid-mobilebar{
  position:sticky;top:0;z-index:1000;
  box-shadow:0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,0,0,.28);
}
.coalgrid-shell .coalgrid-header .uk-navbar-container,
.coalgrid-shell .coalgrid-mobilebar .uk-navbar-container{
  min-height:76px;
  background:rgba(7,9,10,.95)!important;
  border-bottom:1px solid var(--cg-line-soft);
  backdrop-filter:blur(16px);
}
.coalgrid-shell .coalgrid-header .uk-navbar-container:before,
.coalgrid-shell .coalgrid-mobilebar .uk-navbar-container:before{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;
  background:linear-gradient(90deg,transparent 0 3%,var(--cg-yellow) 3% 15%,transparent 15% 18%,var(--cg-yellow) 18% 42%,transparent 42% 100%);
  opacity:.9;
}
.coalgrid-shell .uk-navbar-item,.coalgrid-shell .uk-navbar-nav>li>a{
  min-height:76px;
  color:#d7dedc;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-size:.96rem;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.coalgrid-shell .uk-navbar-nav>li>a:before{display:none}
.coalgrid-shell .uk-navbar-nav>li>a:hover,.coalgrid-shell .uk-navbar-nav>li.uk-active>a{color:var(--cg-yellow)}
.coalgrid-shell .uk-logo img{max-height:44px;width:auto}
.coalgrid-shell .uk-navbar-right>.uk-navbar-item,.coalgrid-shell .uk-navbar-right>a.uk-button{margin-left:6px}
.coalgrid-shell .uk-navbar-toggle{color:var(--cg-yellow)}
.coalgrid-shell .uk-modal-dialog{background:var(--cg-deep)}
.coalgrid-shell .uk-modal-body{background:var(--cg-deep)}
.coalgrid-shell .uk-modal .uk-nav-default>li>a{color:var(--cg-text);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.coalgrid-shell .uk-modal .uk-nav-default>li>a:hover{color:var(--cg-yellow)}
.coalgrid-shell .coalgrid-main{padding-bottom:38px}
.coalgrid-shell #tm-main>.uk-section{position:relative;background:transparent!important}
.coalgrid-shell #tm-main>.uk-section:not(:first-of-type){padding-top:18px;padding-bottom:18px}
.coalgrid-shell #tm-main>.uk-section:not(:first-of-type):before{
  content:"";display:block;width:min(1280px,calc(100% - 40px));height:1px;margin:0 auto 18px;
  background:linear-gradient(90deg,transparent,var(--cg-line-soft) 12% 88%,transparent);
}
/* Hero / first visual section */
.coalgrid-shell #tm-main>.uk-section:first-of-type{padding-top:28px;padding-bottom:24px}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card,
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-panel.uk-card{
  position:relative;overflow:hidden;
  border:1px solid var(--cg-line);
  border-radius:0;
  background:linear-gradient(120deg,rgba(18,24,26,.96),rgba(9,12,13,.98))!important;
  box-shadow:var(--cg-shadow);
}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card:before{
  content:"";position:absolute;z-index:0;top:0;right:0;width:30%;height:5px;
  background:var(--cg-yellow);clip-path:polygon(16px 0,100% 0,100% 100%,0 100%);
}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>*{position:relative;z-index:1}
.coalgrid-shell #tm-main>.uk-section:first-of-type .el-image,
.coalgrid-shell #tm-main>.uk-section:first-of-type picture>img{
  display:block;width:100%;object-fit:cover;max-height:540px;
  filter:contrast(1.04) saturate(.88);
}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card-body{padding:clamp(24px,4vw,56px)}
.coalgrid-shell #tm-main>.uk-section:first-of-type .el-title{max-width:15ch;margin-top:0!important}
.coalgrid-shell #tm-main>.uk-section:first-of-type .el-content{max-width:68ch}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-alert-warning{
  margin-top:24px;padding:15px 18px;background:rgba(233,255,39,.075);border:1px solid rgba(233,255,39,.24);
  color:#dce5c0;border-radius:0;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%);
}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-alert-warning p{margin:0;color:#dce5c0;font-size:.88rem}
.coalgrid-shell #tm-main>.uk-section:first-of-type .uk-alert-warning span{color:var(--cg-yellow)}
.coalgrid-shell .uk-button,
.coalgrid-shell .cgXYrJBtD1Xb,
.coalgrid-shell .button-with-animation{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:46px;padding:11px 21px;border:1px solid var(--cg-yellow);
  border-radius:0;background:var(--cg-yellow)!important;color:#101407!important;
  font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;
  font-size:.96rem;letter-spacing:.08em;text-transform:uppercase;
  box-shadow:5px 5px 0 rgba(233,255,39,.23);
  transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease;
}
.coalgrid-shell .uk-button:before,.coalgrid-shell .cgXYrJBtD1Xb:before,.coalgrid-shell .button-with-animation:before{
  content:"";position:absolute;inset:4px;border:1px solid rgba(16,20,7,.24);pointer-events:none;
}
.coalgrid-shell .uk-button:hover,.coalgrid-shell .cgXYrJBtD1Xb:hover,.coalgrid-shell .button-with-animation:hover{
  background:#fff!important;color:#0b0e09!important;transform:translate(2px,2px);box-shadow:3px 3px 0 rgba(233,255,39,.16);
}
.coalgrid-shell .uk-button-default{background:transparent!important;color:var(--cg-text)!important;border-color:var(--cg-line-soft);box-shadow:none}
.coalgrid-shell .uk-button-default:before{border-color:transparent}
.coalgrid-shell .uk-button-default:hover{background:var(--cg-surface-2)!important;color:var(--cg-yellow)!important}
.coalgrid-shell .uk-button-secondary{background:var(--cg-yellow)!important}
.coalgrid-shell .uk-card{
  border:1px solid var(--cg-line-soft);border-radius:0;background:linear-gradient(145deg,var(--cg-surface),var(--cg-deep))!important;
  box-shadow:none;
}
.coalgrid-shell .uk-card-primary{background:linear-gradient(145deg,#202a19,var(--cg-deep))!important;border-color:var(--cg-line)}
.coalgrid-shell .uk-card-body{padding:clamp(20px,2.5vw,32px)}
.coalgrid-shell .uk-card-hover:hover{transform:translateY(-4px);border-color:var(--cg-line);box-shadow:0 16px 34px rgba(0,0,0,.28)}
.coalgrid-shell .uk-card-title{color:var(--cg-yellow)}
.coalgrid-shell .uk-card-title span{color:var(--cg-yellow)}
.coalgrid-shell .uk-section .uk-panel[id^="page"]>.uk-section,
.coalgrid-shell .uk-section .uk-panel[id^="page"]>.uk-container,
.coalgrid-shell .uk-section .uk-panel[id^="page"]{
  position:relative;
}
.coalgrid-shell .uk-section .uk-panel[id^="page"]>.uk-section{padding-top:32px;padding-bottom:32px}
.coalgrid-shell .uk-heading-divider{position:relative;border-bottom:0;padding-bottom:16px;margin-bottom:25px}
.coalgrid-shell .uk-heading-divider:after{
  content:"";position:absolute;bottom:0;left:0;width:96px;height:4px;background:var(--cg-yellow);
  clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.coalgrid-shell .uk-text-center .uk-heading-divider:after{left:50%;transform:translateX(-50%)}
.coalgrid-shell .uk-heading-bullet:before{background:var(--cg-yellow)}
.coalgrid-shell .uk-divider-icon{color:var(--cg-yellow)}
.coalgrid-shell .uk-divider-icon:before,.coalgrid-shell .uk-divider-icon:after{border-bottom-color:var(--cg-line-soft)}
.coalgrid-shell .uk-list-bullet>li:before{color:var(--cg-yellow)}
.coalgrid-shell .uk-list>li{color:var(--cg-muted)}
.coalgrid-shell .uk-text-lead{font-size:1.05rem;line-height:1.75;color:#bcc6c4}
.coalgrid-shell .uk-alert-warning{
  background:rgba(233,255,39,.08);border:1px solid rgba(233,255,39,.25);color:#eaf5c1;border-radius:0;
}
.coalgrid-shell .uk-alert-warning p{color:#e1e9be}
.coalgrid-shell .uk-table-responsive{border:1px solid var(--cg-line-soft);background:var(--cg-deep);overflow-x:auto}
.coalgrid-shell .uk-table{margin:0;background:transparent;color:var(--cg-text)}
.coalgrid-shell .uk-table th{padding:16px 18px;background:#202a2a;color:var(--cg-yellow);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.07em;border-bottom-color:var(--cg-line)}
.coalgrid-shell .uk-table td{padding:15px 18px;color:#cbd2d0;border-bottom-color:var(--cg-line-soft)}
.coalgrid-shell .uk-table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.025)}
.coalgrid-shell .uk-table-hover tbody tr:hover{background:rgba(233,255,39,.08)}
.coalgrid-shell .uk-table td [uk-icon]{color:var(--cg-yellow)}
.coalgrid-shell .uk-accordion>li{border-bottom:1px solid var(--cg-line-soft);margin:0}
.coalgrid-shell .uk-accordion-title{padding:18px 44px 18px 0;color:var(--cg-text);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.04em}
.coalgrid-shell .uk-accordion-title:before{border:1px solid var(--cg-yellow);border-radius:0;background:none;color:var(--cg-yellow)}
.coalgrid-shell .uk-open>.uk-accordion-title{color:var(--cg-yellow)}
.coalgrid-shell .uk-accordion-content{padding:0 0 18px}
.coalgrid-shell .uk-accordion-content p{margin:0}
.coalgrid-shell .uk-img,.coalgrid-shell .uk-border-rounded{border-radius:0!important}
.coalgrid-shell .uk-section img.uk-img,.coalgrid-shell .uk-section .el-image{
  border:1px solid var(--cg-line-soft);box-shadow:8px 8px 0 rgba(233,255,39,.12);
}
.coalgrid-shell .uk-section .uk-child-width-1-3\@m>.uk-card,
.coalgrid-shell .uk-grid-match>div>.uk-card{height:100%}
.coalgrid-shell .uk-grid-match>div>.uk-card img{margin-top:auto}
.coalgrid-shell .uk-section-muted{background:linear-gradient(180deg,rgba(255,255,255,.026),transparent)!important}
.coalgrid-shell footer.coalgrid-footer{
  position:relative;margin-top:36px;border-top:1px solid var(--cg-line-soft);background:#050707;
}
.coalgrid-shell footer.coalgrid-footer:before{content:"";display:block;height:5px;background:linear-gradient(90deg,var(--cg-yellow) 0 11%,transparent 11% 13%,var(--cg-yellow) 13% 24%,transparent 24% 100%)}
.coalgrid-shell footer.coalgrid-footer .uk-section{background:transparent!important}
.coalgrid-shell footer.coalgrid-footer a{color:#cdd7d3;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;letter-spacing:.05em;text-transform:uppercase}
.coalgrid-shell footer.coalgrid-footer a:hover{color:var(--cg-yellow)}
.coalgrid-shell footer.coalgrid-footer p{color:#7e8987}
/* Standalone user.html */
body.coalgrid-user{padding-top:0;background:var(--cg-black);font-family:"Arial Narrow",Arial,sans-serif;color:var(--cg-text)}
.coalgrid-user header.coalgrid-user-header{position:sticky;top:0;z-index:1000;background:rgba(7,9,10,.96);border-bottom:1px solid var(--cg-line-soft);backdrop-filter:blur(16px)}
.coalgrid-user header.coalgrid-user-header:after{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--cg-yellow) 0 12%,transparent 12% 15%,var(--cg-yellow) 15% 36%,transparent 36% 100%)}
.coalgrid-user header .container{max-width:1280px!important;height:auto!important;padding:13px 24px!important;background:transparent!important;display:flex!important;justify-content:center!important}
.coalgrid-user header .col-12{width:100%!important;max-width:1280px!important;height:auto!important;padding:0!important;gap:18px;align-items:center!important}
.coalgrid-user .logo img{max-height:42px!important;width:auto!important}
.coalgrid-user .text-end{gap:9px}
.coalgrid-user .cgIPK6vMz2wW.cgXYrJBtD1Xb{min-height:40px;padding:9px 14px;font-size:.8rem;background:var(--cg-yellow)!important;color:#101407!important;border-radius:0;border:1px solid var(--cg-yellow);box-shadow:4px 4px 0 rgba(233,255,39,.18)}
.coalgrid-user .cgIPK6vMz2wW.cgXYrJBtD1Xb+ .cgIPK6vMz2wW.cgXYrJBtD1Xb{background:transparent!important;color:#fff!important;border-color:var(--cg-line-soft);box-shadow:none}
.coalgrid-user .cgIPK6vMz2wW.cgXYrJBtD1Xb svg path{fill:currentColor!important}
.coalgrid-user .coalgrid-user-main{padding-top:0}
.coalgrid-user .coalgrid-user-main>section{padding:clamp(28px,4vw,62px) 0!important;margin:0!important;position:relative;overflow:hidden}
.coalgrid-user .coalgrid-user-main>section:before{content:"";position:absolute;inset:0;background:radial-gradient(620px 340px at 90% 0,rgba(233,255,39,.13),transparent 62%);pointer-events:none}
.coalgrid-user .coalgrid-user-main .container{max-width:1280px!important;position:relative}
.coalgrid-user .coalgrid-user-main .row{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(270px,.95fr);align-items:center;gap:clamp(24px,5vw,72px)}
.coalgrid-user .coalgrid-user-main .row>.col-12{width:auto!important;padding:0!important;text-align:left!important}
.coalgrid-user .coalgrid-user-main h1{margin:0 0 22px!important;color:var(--cg-text);font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(2.3rem,5vw,4.65rem)!important;line-height:.95;letter-spacing:.025em;text-transform:uppercase}
.coalgrid-user .coalgrid-user-main h1:after{content:"";display:block;width:112px;height:4px;margin-top:21px;background:var(--cg-yellow);clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.coalgrid-user .coalgrid-user-main .row>.col-6{width:auto!important;padding:0!important;grid-column:2;grid-row:1}
.coalgrid-user .coalgrid-user-main .row>.col-6 img{width:100%;display:block;border:1px solid var(--cg-line);box-shadow:12px 12px 0 rgba(233,255,39,.13);clip-path:polygon(0 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%)}
.coalgrid-user .coalgrid-user-main p,.coalgrid-user .coalgrid-user-main .col-12{color:var(--cg-muted);font-size:1.02rem;line-height:1.75}
.coalgrid-user .coalgrid-user-main .btn{margin:27px 0 0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.coalgrid-user .coalgrid-user-main .btn.cgXYrJBtD1Xb{display:inline-flex!important;width:auto!important;min-height:49px!important;padding:12px 22px!important;background:var(--cg-yellow)!important;color:#101407!important;border:1px solid var(--cg-yellow)!important;border-radius:0!important}
.coalgrid-user .bonus{margin:0!important;padding:20px 24px!important;min-height:auto!important;background:var(--cg-yellow)!important;color:#101407!important;display:flex!important;align-items:center;justify-content:center;gap:12px;box-shadow:none!important}
.coalgrid-user .bonus:before{content:"BONUS DROP";font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:.88rem;letter-spacing:.1em}
.coalgrid-user .bonus span{color:#101407!important;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.08em}
.coalgrid-user .bonus span:last-child{padding-left:12px;border-left:1px solid rgba(16,20,7,.28)}
.coalgrid-user .bonus img{max-height:38px!important;width:auto!important;filter:grayscale(1) contrast(1.4)}
.coalgrid-user .page{background:linear-gradient(180deg,#0b0e0f,#07090a)!important;padding:clamp(30px,5vw,68px) 0!important}
.coalgrid-user .page .main{max-width:1280px;margin:0 auto;padding:0 24px;text-align:left!important;color:var(--cg-muted)}
.coalgrid-user .page h2,.coalgrid-user .page h3{color:var(--cg-text)}
.coalgrid-user footer.coalgrid-user-footer{margin-top:0!important;background:#050707!important;border-top:1px solid var(--cg-line-soft)}
.coalgrid-user footer.coalgrid-user-footer .container{max-width:1280px!important;padding:36px 24px!important;background:transparent!important}
.coalgrid-user footer .col-12{width:100%!important;background:transparent!important;min-height:auto!important}
.coalgrid-user footer .links{margin:0!important;background:transparent!important;display:flex;gap:14px;flex-wrap:wrap}
.coalgrid-user footer .links a{color:#cbd4d1!important;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;text-transform:uppercase;letter-spacing:.06em}
.coalgrid-user footer .links a:hover{color:var(--cg-yellow)!important}
.coalgrid-user footer .footer-text{background:transparent!important;color:#788280!important}
.coalgrid-user footer .payments li{border:1px solid var(--cg-line-soft)!important;background:var(--cg-surface)!important}
@media(min-width:960px){
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card{display:grid;grid-template-columns:minmax(340px,.88fr) minmax(0,1.12fr);align-items:stretch}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>picture{grid-column:2;grid-row:1 / span 3;height:100%;min-height:480px;overflow:hidden}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>picture:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,17,19,.42),transparent 38%),linear-gradient(0deg,rgba(7,9,10,.22),transparent 42%)}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>picture img{height:100%;max-height:none;object-fit:cover}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>h1,
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>.el-content,
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>.uk-margin-top{grid-column:1;margin-left:0;margin-right:0}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>h1{padding:clamp(34px,5vw,62px) clamp(26px,4vw,54px) 0}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>.el-content{padding:0 clamp(26px,4vw,54px)}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card>.uk-margin-top{padding:0 clamp(26px,4vw,54px) clamp(34px,5vw,62px)}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card-body{padding:0}
}
@media(max-width:959px){
  .coalgrid-shell .coalgrid-header,.coalgrid-shell .coalgrid-mobilebar{position:sticky}
  .coalgrid-shell .coalgrid-header .uk-navbar-container,.coalgrid-shell .coalgrid-mobilebar .uk-navbar-container{min-height:60px}
  .coalgrid-shell .uk-navbar-item,.coalgrid-shell .uk-navbar-nav>li>a{min-height:60px}
  .coalgrid-shell #tm-main>.uk-section:first-of-type{padding-top:18px}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-card{padding:0}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .el-image,.coalgrid-shell #tm-main>.uk-section:first-of-type picture>img{max-height:350px;object-fit:cover}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .el-title{padding:22px 20px 0}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .el-content{padding:0 20px}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-margin-top{padding:0 20px 25px}
  .coalgrid-shell #tm-main>.uk-section:first-of-type .uk-button{width:100%}
  .coalgrid-shell #tm-main>.uk-section:not(:first-of-type){padding-top:10px;padding-bottom:10px}
  .coalgrid-shell .uk-section .uk-section{padding-left:0!important;padding-right:0!important}
  .coalgrid-user header .container{padding:10px 16px!important}
  .coalgrid-user .coalgrid-user-main .container,.coalgrid-user .page .main{padding-left:16px!important;padding-right:16px!important}
  .coalgrid-user .coalgrid-user-main .row{grid-template-columns:1fr;gap:25px}
  .coalgrid-user .coalgrid-user-main .row>.col-6{grid-column:auto;grid-row:auto;order:-1}
  .coalgrid-user .bonus{justify-content:flex-start;flex-wrap:wrap;padding:17px 16px!important}
  .coalgrid-user .bonus:before{width:100%}
  .coalgrid-user footer.coalgrid-user-footer .container{padding:30px 16px!important}
}
@media(max-width:560px){
  .coalgrid-shell .uk-container{padding-left:16px;padding-right:16px}
  .coalgrid-shell h1{font-size:2.15rem}
  .coalgrid-shell h2{font-size:1.62rem}
  .coalgrid-shell .uk-card-body{padding:20px}
  .coalgrid-shell .uk-table th,.coalgrid-shell .uk-table td{padding:13px 14px;min-width:160px}
  .coalgrid-shell .uk-button,.coalgrid-shell .cgXYrJBtD1Xb{width:100%}
  .coalgrid-user .text-end{display:none!important}
  .coalgrid-user header .col-12>.text-end:first-of-type{display:flex!important;margin-left:auto}
  .coalgrid-user header .col-12>.text-end:first-of-type .cgIPK6vMz2wW:last-child{display:none!important}
  .coalgrid-user .navbar-toggler{border:1px solid var(--cg-line)!important;background:var(--cg-deep)!important}
}
/* Coalgrid v2: header alignment and hero contrast correction. */

/* Keep all hero copy readable even when UIkit primary-card colors are inherited. */
.coalgrid-shell #tm-main > .uk-section:first-of-type .uk-card-primary{
  color:#f4f6ed !important;
}
.coalgrid-shell #tm-main > .uk-section:first-of-type .uk-card-primary *{
  color:inherit;
}
.coalgrid-shell #tm-main > .uk-section:first-of-type .el-title,
.coalgrid-shell #tm-main > .uk-section:first-of-type .el-title.uk-h1,
.coalgrid-shell #tm-main > .uk-section:first-of-type h1.el-title,
.coalgrid-shell #tm-main > .uk-section:first-of-type h3.el-title{
  color:#fffde8 !important;
  text-shadow:0 2px 16px rgba(0,0,0,.6);
}
.coalgrid-shell #tm-main > .uk-section:first-of-type .el-content,
.coalgrid-shell #tm-main > .uk-section:first-of-type .el-content p,
.coalgrid-shell #tm-main > .uk-section:first-of-type .el-content .uk-text-lead{
  color:#e4ebe8 !important;
  text-shadow:0 1px 9px rgba(0,0,0,.4);
}
.coalgrid-shell #tm-main > .uk-section:first-of-type .uk-card-primary{
  background:linear-gradient(125deg,#1a2220 0%,#101617 58%,#0b0e0f 100%) !important;
}
.coalgrid-shell #tm-main > .uk-section:first-of-type .uk-card-primary .uk-alert-warning p{
  color:#f0f5d8 !important;
}

/* Desktop header: navigation, language mark and CTAs occupy independent stable slots. */
@media (min-width:960px){
  .coalgrid-shell .coalgrid-header .uk-navbar-container{min-height:72px;}
  .coalgrid-shell .coalgrid-header .uk-navbar{
    width:100%;min-height:72px;display:flex;align-items:center;gap:18px;
  }
  .coalgrid-shell .coalgrid-header .uk-navbar-left{
    flex:0 0 auto;display:flex;align-items:center;
  }
  .coalgrid-shell .coalgrid-header .uk-navbar-right{
    min-width:0;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:12px;
  }
  .coalgrid-shell .coalgrid-header .uk-navbar-nav{
    display:flex;align-items:center;flex:0 1 auto;gap:0;margin:0;padding:0;white-space:nowrap;
  }
  /* The menu repeats CTAs that are already rendered in builderwidget-3. */
  .coalgrid-shell .coalgrid-header .uk-navbar-nav>li:nth-child(n+4){display:none;}
  .coalgrid-shell .coalgrid-header .uk-navbar-nav>li>a{
    min-height:72px;padding:0 12px;font-size:.85rem;letter-spacing:.045em;
  }
  .coalgrid-shell .coalgrid-header .uk-navbar-item{min-height:72px;padding:0;}
  .coalgrid-shell .coalgrid-header #builderwidget-6,
  .coalgrid-shell .coalgrid-header #builderwidget-3{margin:0 !important;flex:0 0 auto;}
  .coalgrid-shell .coalgrid-header #builderwidget-6 .uk-grid,
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-grid{margin:0 !important;}
  .coalgrid-shell .coalgrid-header #builderwidget-6 .uk-width-1-1,
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-width-1-1{width:auto !important;padding:0 !important;}
  .coalgrid-shell .coalgrid-header #builderwidget-6 .uk-margin,
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-margin{margin:0 !important;}
  .coalgrid-shell .coalgrid-header #builderwidget-6 .el-image{
    display:block;width:26px;height:26px;object-fit:contain;border:0;box-shadow:none;
  }
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-panel{margin:0 !important;}
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-flex-middle{gap:7px !important;flex-wrap:nowrap !important;}
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-button{
    width:auto !important;min-height:38px !important;padding:9px 13px !important;
    font-size:.74rem !important;line-height:1 !important;letter-spacing:.055em !important;
    box-shadow:3px 3px 0 rgba(233,255,39,.18);white-space:nowrap;
  }
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-button-default{box-shadow:none;}
}

/* Preserve spacing at the smallest desktop breakpoint without wrapping the header. */
@media (min-width:960px) and (max-width:1120px){
  .coalgrid-shell .coalgrid-header .uk-container{padding-left:18px;padding-right:18px;}
  .coalgrid-shell .coalgrid-header .uk-logo img{max-height:36px;}
  .coalgrid-shell .coalgrid-header .uk-navbar{gap:10px;}
  .coalgrid-shell .coalgrid-header .uk-navbar-right{gap:8px;}
  .coalgrid-shell .coalgrid-header .uk-navbar-nav>li>a{padding:0 8px;font-size:.74rem;}
  .coalgrid-shell .coalgrid-header #builderwidget-3 .uk-button{padding:8px 10px !important;font-size:.66rem !important;}
}

/* Mobile header: the two compact CTAs and menu toggle stay on one row. */
@media (max-width:959px){
  .coalgrid-shell .coalgrid-mobilebar .uk-navbar{
    min-height:64px;display:flex;align-items:center;gap:8px;
  }
  .coalgrid-shell .coalgrid-mobilebar .uk-navbar-left{display:flex;align-items:center;flex:0 0 auto;}
  .coalgrid-shell .coalgrid-mobilebar .uk-navbar-right{
    min-width:0;margin-left:auto;display:flex;align-items:center;gap:8px;
  }
  .coalgrid-shell .coalgrid-mobilebar .uk-navbar-item{min-height:64px;padding:0;}
  .coalgrid-shell .coalgrid-mobilebar #builderwidget-7,
  .coalgrid-shell .coalgrid-mobilebar #builderwidget-7 .uk-grid,
  .coalgrid-shell .coalgrid-mobilebar #builderwidget-7 .uk-margin{margin:0 !important;}
  .coalgrid-shell .coalgrid-mobilebar #builderwidget-7 .uk-width-1-1{width:auto !important;padding:0 !important;}
  .coalgrid-shell .coalgrid-mobilebar #builderwidget-7 .uk-flex-middle{gap:6px !important;flex-wrap:nowrap !important;}
  .coalgrid-shell .coalgrid-mobilebar .mobbutton{
    width:auto !important;min-width:0;min-height:36px !important;padding:8px 9px !important;
    font-size:.66rem !important;line-height:1 !important;letter-spacing:.035em !important;
    box-shadow:none !important;white-space:nowrap;
  }
  .coalgrid-shell .coalgrid-mobilebar .uk-navbar-toggle{
    width:36px;height:36px;min-height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;
    border:1px solid var(--cg-line);background:var(--cg-deep);
  }
}
@media (max-width:380px){
  .coalgrid-shell .coalgrid-mobilebar .uk-logo img{max-width:56px;}
  .coalgrid-shell .coalgrid-mobilebar .mobbutton{padding:8px 7px !important;font-size:.6rem !important;}
}

/* Hero text color: white on the homepage hero, black on internal-page heroes */
#tm-main .uk-card-primary.uk-card-body.uk-card-large.uk-margin-remove-first-child h1.el-title,#tm-main .uk-card-primary.uk-card-body.uk-card-large.uk-margin-remove-first-child .el-content p,#tm-main .uk-card-primary.uk-card-body.uk-card-large.uk-margin-remove-first-child .el-content .uk-text-lead{color:#fff!important}
.uk-section-primary:not(.uk-light) h3,.uk-section-primary:not(.uk-light) .uk-text-lead,.uk-section-primary:not(.uk-light) p{color:#fff!important}
#tm-main .uk-section-primary.uk-light h1,#tm-main .uk-section-primary.uk-light .uk-text-lead,#tm-main .uk-section-primary.uk-light p{color:#000!important}