:root{
  --uu88-red:#e21f2f;
  --uu88-red-dark:#9e101c;
  --uu88-bg:#080808;
  --uu88-bg-2:#0d0d0f;
  --uu88-card:#141416;
  --uu88-card-2:#19191c;
  --uu88-line:#2b2b30;
  --uu88-text:#f6f6f7;
  --uu88-muted:#a0a0a8;
  --uu88-radius:14px;
  --uu88-shadow:0 18px 45px rgba(0,0,0,.22);
}

html{
  scroll-behavior:smooth;
}

body.uu88-red-seo-theme,
body.uu88-red-seo-theme #wrapper,
body.uu88-red-seo-theme #main{
  background:var(--uu88-bg)!important;
}

body.uu88-red-seo-theme #main{
  margin:0!important;
  padding:0!important;
}

body.uu88-red-seo-theme .header-wrapper,
body.uu88-red-seo-theme .header-main,
body.uu88-red-seo-theme .stuck{
  background:#090909!important;
}

body.uu88-red-seo-theme .header-main{
  border-bottom:1px solid rgba(255,255,255,.08);
}

body.uu88-red-seo-theme .nav>li>a{
  color:#f0f0f2;
  font-weight:700;
}

body.uu88-red-seo-theme .nav>li>a:hover,
body.uu88-red-seo-theme .nav>li.active>a{
  color:var(--uu88-red);
}

body.uu88-red-seo-theme #footer{
  display:none!important;
}

.uu88-main,
.uu88-main *{
  box-sizing:border-box;
}

.uu88-main{
  width:100%;
  overflow:hidden;
  background:var(--uu88-bg);
  color:var(--uu88-text);
}

.uu88-container{
  width:min(1160px,calc(100% - 32px));
  margin-inline:auto;
}

.uu88-narrow{
  width:min(820px,calc(100% - 32px));
}

.uu88-hero{
  padding:72px 0;
  border-bottom:1px solid var(--uu88-line);
  background:
    radial-gradient(circle at 80% 30%,rgba(226,31,47,.18),transparent 29%),
    linear-gradient(145deg,#090909,#0b090a 62%,#12090b);
}

.uu88-hero-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr);
  align-items:center;
  gap:54px;
}

.uu88-eyebrow,
.uu88-section-heading>span,
.uu88-panel-label{
  color:var(--uu88-red);
  font-size:12px;
  font-weight:900;
  letter-spacing:.13em;
}

.uu88-hero h1,
.uu88-page-hero h1{
  margin:12px 0 18px!important;
  color:#fff;
  font-size:clamp(40px,5.3vw,66px);
  line-height:1.06;
  letter-spacing:-.04em;
}

.uu88-hero-copy>p{
  max-width:650px;
  margin:0;
  color:var(--uu88-muted);
  font-size:17px;
  line-height:1.8;
}

.uu88-actions{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:27px;
}

.uu88-btn{
  display:inline-flex;
  min-height:46px;
  align-items:center;
  justify-content:center;
  padding:0 23px;
  border-radius:8px;
  font-size:14px;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-btn.primary{
  color:#fff!important;
  background:linear-gradient(135deg,#ed3040,var(--uu88-red-dark));
  box-shadow:0 10px 25px rgba(226,31,47,.22);
}

.uu88-btn.secondary{
  border:1px solid #44444a;
  color:#fff!important;
  background:#111113;
}

.uu88-hero-panel{
  padding:27px;
  border:1px solid rgba(226,31,47,.28);
  border-radius:18px;
  background:rgba(18,18,20,.88);
  box-shadow:var(--uu88-shadow);
}

.uu88-hero-panel h2{
  margin:6px 0 20px!important;
  color:#fff;
  font-size:25px;
}

.uu88-hero-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}

.uu88-hero-links a{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:12px;
  border:1px solid var(--uu88-line);
  border-radius:10px;
  color:#ededf0;
  background:#101012;
  text-decoration:none!important;
}

.uu88-hero-links a:hover{
  border-color:rgba(226,31,47,.62);
}

.uu88-hero-links i{
  display:grid;
  flex:0 0 34px;
  height:34px;
  place-items:center;
  border-radius:8px;
  color:var(--uu88-red);
  background:rgba(226,31,47,.1);
  font-style:normal;
}

.uu88-section{
  padding:62px 0;
  background:var(--uu88-bg);
}

.uu88-section-dark{
  border-block:1px solid rgba(255,255,255,.04);
  background:var(--uu88-bg-2);
}

.uu88-section-heading{
  max-width:680px;
  margin-bottom:25px;
}

.uu88-section-heading.centered{
  margin-inline:auto;
  text-align:center;
}

.uu88-section-heading h2{
  margin:6px 0 8px!important;
  color:#fff;
  font-size:clamp(28px,3vw,40px);
  line-height:1.18;
}

.uu88-section-heading p{
  margin:0;
  color:var(--uu88-muted);
  line-height:1.7;
}

.uu88-heading-row{
  display:flex;
  max-width:none;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
}

.uu88-heading-row>a{
  color:#dedee2;
  font-size:13px;
  font-weight:700;
  text-decoration:none!important;
}

.uu88-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.uu88-category-card{
  display:flex;
  min-width:0;
  gap:15px;
  padding:20px;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
  color:inherit;
  background:var(--uu88-card);
  text-decoration:none!important;
  transition:.2s ease;
}

.uu88-category-card:hover{
  transform:translateY(-3px);
  border-color:rgba(226,31,47,.62);
  box-shadow:var(--uu88-shadow);
}

.uu88-category-card>i{
  display:grid;
  flex:0 0 46px;
  height:46px;
  place-items:center;
  border-radius:11px;
  color:var(--uu88-red);
  background:rgba(226,31,47,.1);
  font-style:normal;
  font-size:21px;
}

.uu88-category-card h3{
  margin:0 0 5px!important;
  color:#fff;
  font-size:16px;
}

.uu88-category-card p{
  margin:0;
  color:var(--uu88-muted);
  font-size:12px;
  line-height:1.55;
}

.uu88-category-card small{
  display:block;
  margin-top:8px;
  color:#74747c;
  font-size:11px;
}

.uu88-post-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}

.uu88-post-card{
  overflow:hidden;
  min-width:0;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
  background:var(--uu88-card);
  transition:.2s ease;
}

.uu88-post-card:hover{
  transform:translateY(-3px);
  border-color:rgba(226,31,47,.55);
  box-shadow:var(--uu88-shadow);
}

.uu88-post-thumb{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#111113;
}

.uu88-post-thumb img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}

.uu88-post-card:hover .uu88-post-thumb img{
  transform:scale(1.025);
}

.uu88-thumb-placeholder{
  display:grid;
  width:100%;
  height:100%;
  place-items:center;
  color:rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 70% 20%,rgba(226,31,47,.22),transparent 32%),
    linear-gradient(135deg,#18181b,#0d0d0f);
  font-size:34px;
  font-weight:900;
}

.uu88-post-body{
  padding:19px;
}

.uu88-post-meta{
  margin-bottom:8px;
  color:#777780;
  font-size:11px;
}

.uu88-post-card h2{
  margin:0 0 8px!important;
  font-size:18px;
  line-height:1.35;
}

.uu88-post-card h2 a{
  color:#fff;
  text-decoration:none!important;
}

.uu88-post-card p{
  margin:0;
  color:var(--uu88-muted);
  font-size:13px;
  line-height:1.65;
}

.uu88-read-more{
  display:inline-flex;
  gap:6px;
  margin-top:13px;
  color:#dddde2;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-read-more span{
  color:var(--uu88-red);
}

.uu88-step-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.uu88-step-grid article{
  min-width:0;
  padding:22px;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
  background:var(--uu88-card);
}

.uu88-step-grid b{
  display:block;
  margin-bottom:16px;
  color:var(--uu88-red);
  font-size:27px;
  line-height:1;
}

.uu88-step-grid h3{
  margin:0 0 7px!important;
  color:#fff;
  font-size:16px;
}

.uu88-step-grid p{
  margin:0;
  color:var(--uu88-muted);
  font-size:12px;
  line-height:1.65;
}

.uu88-overview{
  display:grid;
  grid-template-columns:minmax(0,1fr) 290px;
  gap:20px;
  align-items:start;
}

.uu88-overview-content,
.uu88-checklist{
  padding:28px;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
  background:var(--uu88-card);
}

.uu88-overview-content h2{
  margin:7px 0 12px!important;
  color:#fff;
  font-size:29px;
}

.uu88-overview-content p{
  margin:0 0 13px;
  color:var(--uu88-muted);
  line-height:1.8;
}

.uu88-checklist h2{
  margin:0 0 11px!important;
  color:#fff;
  font-size:19px;
}

.uu88-checklist a{
  display:block;
  padding:11px 0;
  border-bottom:1px solid var(--uu88-line);
  color:#d4d4d9;
  text-decoration:none!important;
}

.uu88-checklist a:last-child{
  border-bottom:0;
}

.uu88-faq details{
  margin-bottom:10px;
  border:1px solid var(--uu88-line);
  border-radius:10px;
  background:var(--uu88-card);
}

.uu88-faq summary{
  padding:15px 17px;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}

.uu88-faq details p{
  margin:0;
  padding:0 17px 17px;
  color:var(--uu88-muted);
  line-height:1.7;
}

.uu88-page-hero{
  padding:58px 0 46px;
  border-bottom:1px solid var(--uu88-line);
  background:
    radial-gradient(circle at 80% 25%,rgba(226,31,47,.13),transparent 26%),
    linear-gradient(145deg,#090909,#0d090a);
}

.uu88-page-hero h1{
  font-size:clamp(35px,4.4vw,56px);
}

.uu88-page-hero p{
  margin:0;
  color:var(--uu88-muted);
  font-size:15px;
  line-height:1.75;
}

.uu88-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  color:#777780;
  font-size:12px;
}

.uu88-breadcrumb a{
  color:#bdbdc3;
  text-decoration:none!important;
}

.uu88-single-meta{
  color:#85858c;
  font-size:12px;
}

.uu88-featured-image{
  margin-top:34px;
}

.uu88-featured-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:580px;
  object-fit:cover;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
}

.uu88-article{
  padding-top:45px;
  padding-bottom:55px;
  color:#c1c1c7;
  font-size:16px;
  line-height:1.85;
}

.uu88-article>p:first-child{
  font-size:17px;
}

.uu88-article h2{
  margin:36px 0 12px!important;
  color:#fff;
  font-size:29px;
  line-height:1.3;
}

.uu88-article h3{
  margin:27px 0 9px!important;
  color:#fff;
  font-size:21px;
  line-height:1.4;
}

.uu88-article a{
  color:#f05260;
}

.uu88-article img{
  max-width:100%;
  height:auto;
  border-radius:10px;
}

.uu88-article ul,
.uu88-article ol{
  padding-left:22px;
}

.uu88-article blockquote{
  margin:24px 0;
  padding:18px 20px;
  border-left:3px solid var(--uu88-red);
  background:var(--uu88-card);
}

.uu88-category-content{
  padding-top:0;
  padding-bottom:0;
}

.uu88-category-content h2:first-child{
  margin-top:0!important;
}

.uu88-article-footer{
  padding-bottom:55px;
}

.uu88-article-footer a{
  display:inline-flex;
  padding:11px 15px;
  border:1px solid var(--uu88-line);
  border-radius:8px;
  color:#fff;
  background:var(--uu88-card);
  text-decoration:none!important;
}

.uu88-pagination{
  margin-top:32px;
}

.uu88-pagination .nav-links{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}

.uu88-pagination .page-numbers{
  display:grid;
  min-width:38px;
  height:38px;
  place-items:center;
  padding:0 10px;
  border:1px solid var(--uu88-line);
  border-radius:7px;
  color:#d7d7dc;
  background:var(--uu88-card);
  text-decoration:none!important;
}

.uu88-pagination .page-numbers.current{
  border-color:var(--uu88-red);
  color:#fff;
  background:var(--uu88-red);
}

.uu88-empty{
  padding:25px;
  border:1px solid var(--uu88-line);
  border-radius:var(--uu88-radius);
  color:var(--uu88-muted);
  background:var(--uu88-card);
}

.uu88-error-page{
  display:grid;
  min-height:58vh;
  place-items:center;
  padding:70px 0;
  text-align:center;
}

.uu88-error-page span{
  color:var(--uu88-red);
  font-size:72px;
  font-weight:900;
}

.uu88-error-page h1{
  margin:0 0 10px!important;
  color:#fff;
}

.uu88-error-page p{
  color:var(--uu88-muted);
}

/* Footer */
.uu88-footer{
  width:100%;
  padding:52px 0 20px;
  border-top:1px solid rgba(226,31,47,.28);
  background:#09090a;
  color:var(--uu88-text);
}

.uu88-footer-top{
  display:grid;
  grid-template-columns:minmax(230px,1.35fr) repeat(3,minmax(125px,.78fr)) minmax(240px,1.15fr);
  gap:38px;
}

.uu88-footer-logo{
  display:inline-block;
  margin-bottom:13px;
  color:var(--uu88-red)!important;
  font-size:37px;
  font-weight:950;
  letter-spacing:-.06em;
  text-decoration:none!important;
}

.uu88-footer-brand p{
  max-width:390px;
  margin:0;
  color:#909098;
  font-size:13px;
  line-height:1.75;
}

.uu88-footer-buttons{
  display:flex;
  gap:8px;
  margin-top:18px;
}

.uu88-footer-buttons a{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:0 15px;
  border:1px solid var(--uu88-line);
  border-radius:7px;
  color:#fff!important;
  background:#121214;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-footer-buttons a:first-child{
  border-color:transparent;
  background:var(--uu88-red);
}

.uu88-footer-links h2{
  position:relative;
  margin:0 0 15px!important;
  padding-bottom:9px;
  color:#fff;
  font-size:15px;
}

.uu88-footer-links h2:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:27px;
  height:2px;
  border-radius:99px;
  background:var(--uu88-red);
}

.uu88-footer-links a{
  display:block;
  width:max-content;
  max-width:100%;
  padding:4px 0;
  color:#9a9aa2;
  font-size:13px;
  text-decoration:none!important;
}

.uu88-footer-links a:hover{
  color:#fff;
}

.uu88-responsible{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:36px;
  padding:14px 16px;
  border:1px solid var(--uu88-line);
  border-radius:9px;
  color:#83838b;
  background:#111113;
  font-size:12px;
  line-height:1.6;
}

.uu88-responsible strong{
  display:grid;
  flex:0 0 42px;
  height:42px;
  place-items:center;
  border:1px solid rgba(226,31,47,.5);
  border-radius:50%;
  color:#fff;
  background:rgba(226,31,47,.1);
}

.uu88-footer-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:19px;
  padding-top:18px;
  border-top:1px solid #242428;
  color:#67676f;
  font-size:12px;
}

.uu88-footer-bottom a{
  color:#9999a1;
  text-decoration:none!important;
}

@media(max-width:1050px){
  .uu88-hero-layout{
    grid-template-columns:1fr;
  }

  .uu88-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-post-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-step-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-footer-brand{
    grid-column:1/-1;
  }
}

@media(max-width:720px){
  .uu88-container,
  .uu88-narrow{
    width:calc(100% - 20px);
  }

  .uu88-hero{
    padding:48px 0;
  }

  .uu88-hero h1,
  .uu88-page-hero h1{
    font-size:36px;
  }

  .uu88-section{
    padding:46px 0;
  }

  .uu88-heading-row{
    align-items:flex-start;
    flex-direction:column;
  }

  .uu88-post-grid{
    grid-template-columns:1fr;
  }

  .uu88-overview{
    grid-template-columns:1fr;
  }

  .uu88-footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:29px 18px;
  }

  .uu88-footer-links:last-child{
    grid-column:1/-1;
  }

  .uu88-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
  }
}

@media(max-width:480px){
  .uu88-hero-links,
  .uu88-category-grid,
  .uu88-step-grid,
  .uu88-footer-top{
    grid-template-columns:1fr;
  }

  .uu88-footer-links:last-child{
    grid-column:auto;
  }

  .uu88-category-card{
    padding:17px;
  }

  .uu88-hero-panel{
    padding:20px;
  }

  .uu88-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .uu88-btn{
    padding:0 12px;
  }
}


/* =========================
   Image presentation only
   Giữ nguyên content gốc, chỉ tối ưu cách hiển thị ảnh
   ========================= */
.uu88-article figure,
.uu88-category-content figure{
  margin:24px 0;
}

.uu88-article .wp-caption,
.uu88-category-content .wp-caption{
  max-width:100%!important;
  margin:24px auto;
  padding:10px;
  border:1px solid var(--uu88-line);
  border-radius:12px;
  background:var(--uu88-card);
  text-align:center;
}

.uu88-article .wp-caption-text,
.uu88-category-content .wp-caption-text{
  margin-top:10px;
  color:#9c9ca4;
  font-size:12px;
  line-height:1.6;
}

.uu88-article img,
.uu88-category-content img{
  display:block;
  max-width:100%;
  height:auto;
  margin:18px auto;
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.uu88-article .alignleft,
.uu88-category-content .alignleft{
  float:left;
  margin:8px 22px 16px 0;
}

.uu88-article .alignright,
.uu88-category-content .alignright{
  float:right;
  margin:8px 0 16px 22px;
}

.uu88-article .aligncenter,
.uu88-category-content .aligncenter{
  margin-left:auto;
  margin-right:auto;
}

.uu88-post-thumb img{
  background:#101012;
}

@media(max-width:720px){
  .uu88-article .alignleft,
  .uu88-article .alignright,
  .uu88-category-content .alignleft,
  .uu88-category-content .alignright{
    float:none;
    margin:18px auto;
  }
}


/* =========================
   Footer effects v1.3
   Hiệu ứng nhẹ, không dùng JavaScript
   ========================= */
.uu88-footer{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.uu88-footer:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    radial-gradient(circle at 12% 0,rgba(226,31,47,.12),transparent 28%),
    radial-gradient(circle at 88% 100%,rgba(226,31,47,.08),transparent 24%);
  pointer-events:none;
}

.uu88-footer:after{
  content:"";
  position:absolute;
  top:0;
  left:-35%;
  width:35%;
  height:1px;
  z-index:-1;
  background:linear-gradient(90deg,transparent,var(--uu88-red),transparent);
  animation:uu88-footer-line 7s linear infinite;
  pointer-events:none;
}

@keyframes uu88-footer-line{
  0%{left:-35%}
  100%{left:100%}
}

.uu88-footer-logo{
  position:relative;
  transition:transform .25s ease,text-shadow .25s ease;
}

.uu88-footer-logo:hover{
  transform:translateY(-2px);
  text-shadow:0 0 16px rgba(226,31,47,.45);
}

.uu88-footer-links a{
  position:relative;
  transition:color .2s ease,transform .2s ease;
}

.uu88-footer-links a:before{
  content:"";
  position:absolute;
  left:0;
  bottom:2px;
  width:0;
  height:1px;
  background:var(--uu88-red);
  transition:width .22s ease;
}

.uu88-footer-links a:hover{
  color:#fff;
  transform:translateX(4px);
}

.uu88-footer-links a:hover:before{
  width:100%;
}

.uu88-footer-buttons a,
.uu88-footer-register,
.uu88-footer-cta-actions a{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.uu88-footer-buttons a:hover,
.uu88-footer-register:hover,
.uu88-footer-cta-actions a:hover{
  transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(226,31,47,.16);
}

.uu88-responsible,
.uu88-footer-warning,
.uu88-footer-notice{
  transition:border-color .25s ease,background .25s ease;
}

.uu88-responsible:hover,
.uu88-footer-warning:hover,
.uu88-footer-notice:hover{
  border-color:rgba(226,31,47,.45);
  background:#141416;
}

.uu88-footer-bottom a{
  transition:color .2s ease;
}

.uu88-footer-bottom a:hover{
  color:var(--uu88-red);
}

@media (prefers-reduced-motion:reduce){
  .uu88-footer:after{
    animation:none;
  }

  .uu88-footer *,
  .uu88-footer *:before,
  .uu88-footer *:after{
    transition:none!important;
  }
}


/* Homepage UX cleanup v1.4 */
.uu88-post-card h2{
  display:-webkit-box;
  min-height:48px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.uu88-post-card p{
  display:-webkit-box;
  min-height:64px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.uu88-post-body{
  display:flex;
  min-height:225px;
  flex-direction:column;
}
.uu88-read-more{
  margin-top:auto;
  padding-top:14px;
}
@media(max-width:720px){
  .uu88-post-body{min-height:auto}
  .uu88-post-card h2,
  .uu88-post-card p{min-height:0}
}


/* =========================================================
   Trust & Editorial UI v2.0
   ========================================================= */
.uu88-trust-section{
  background:#f6f6f7;
  color:#202024;
}

.uu88-trust-section .uu88-section-heading h2{
  color:#151518;
}

.uu88-trust-section .uu88-section-heading p{
  color:#66666d;
}

.uu88-trust-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.uu88-trust-grid article{
  min-width:0;
  padding:23px;
  border:1px solid #e1e1e5;
  border-radius:14px;
  background:#fff;
  box-shadow:0 10px 28px rgba(0,0,0,.05);
}

.uu88-trust-grid i{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  margin-bottom:16px;
  border-radius:9px;
  color:#fff;
  background:var(--uu88-red);
  font-style:normal;
  font-size:12px;
  font-weight:900;
}

.uu88-trust-grid h3{
  margin:0 0 8px!important;
  color:#17171a;
  font-size:16px;
}

.uu88-trust-grid p{
  margin:0;
  color:#696970;
  font-size:13px;
  line-height:1.7;
}

.uu88-trust-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:18px;
}

.uu88-trust-links a{
  display:inline-flex;
  min-height:39px;
  align-items:center;
  padding:0 14px;
  border:1px solid #d8d8dd;
  border-radius:8px;
  color:#2c2c31;
  background:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-editorial-meta,
.uu88-archive-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 15px;
  margin-top:16px;
  color:#a4a4ac;
  font-size:12px;
}

.uu88-editorial-meta span,
.uu88-archive-meta span{
  display:inline-flex;
  align-items:center;
  gap:4px;
}

.uu88-editorial-meta a{
  color:#fff;
  text-decoration:underline;
  text-underline-offset:3px;
}

.uu88-article{
  margin-top:36px;
  margin-bottom:36px;
  padding:42px 48px;
  border:1px solid #e5e5e8;
  border-radius:16px;
  color:#303036;
  background:#fff;
  box-shadow:0 18px 45px rgba(0,0,0,.16);
}

.uu88-article>p:first-child{
  color:#29292e;
}

.uu88-article h2,
.uu88-article h3{
  color:#161619;
}

.uu88-article a{
  color:#c91627;
}

.uu88-article blockquote{
  border-left-color:var(--uu88-red);
  color:#3c3c42;
  background:#f7f7f8;
}

.uu88-evidence-box{
  margin-top:36px;
  padding:22px;
  border:1px solid #e0e0e4;
  border-radius:12px;
  background:#f7f7f8;
}

.uu88-evidence-box h2{
  margin:0 0 12px!important;
  font-size:20px;
}

.uu88-evidence-box ul{
  margin:0;
}

.uu88-author-box{
  display:grid;
  grid-template-columns:96px minmax(0,1fr);
  gap:20px;
  margin-top:0;
  margin-bottom:32px;
  padding:24px;
  border:1px solid var(--uu88-line);
  border-radius:14px;
  background:var(--uu88-card);
}

.uu88-author-avatar img{
  display:block;
  width:96px;
  height:96px;
  border-radius:50%;
}

.uu88-author-box>div>span{
  color:var(--uu88-red);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.uu88-author-box h2{
  margin:4px 0 5px!important;
  color:#fff;
  font-size:22px;
}

.uu88-author-box p{
  margin:0 0 8px;
  color:#a9a9b0;
  line-height:1.7;
}

.uu88-author-role{
  color:#fff!important;
  font-weight:800;
}

.uu88-author-links{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:13px;
}

.uu88-author-links a{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  padding:0 13px;
  border:1px solid #3b3b40;
  border-radius:7px;
  color:#fff;
  background:#111113;
  font-size:12px;
  text-decoration:none!important;
}

.uu88-author-profile-page{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:24px;
  padding:28px;
  border:1px solid var(--uu88-line);
  border-radius:14px;
  background:var(--uu88-card);
}

.uu88-author-profile-page img{
  border-radius:50%;
}

.uu88-author-profile-page p{
  color:#aaaab1;
  line-height:1.8;
}

.uu88-footer-verification{
  margin-bottom:38px;
  padding:24px;
  border:1px solid rgba(226,31,47,.32);
  border-radius:14px;
  background:#111113;
}

.uu88-footer-verification>div:first-child span{
  color:var(--uu88-red);
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}

.uu88-footer-verification h2{
  margin:5px 0 18px!important;
  color:#fff;
  font-size:22px;
}

.uu88-footer-verification-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.uu88-footer-verification-grid>div{
  min-width:0;
  padding:14px;
  border:1px solid #2d2d31;
  border-radius:9px;
  background:#0c0c0e;
}

.uu88-footer-verification-grid b{
  display:block;
  margin-bottom:5px;
  color:#fff;
  font-size:12px;
}

.uu88-footer-verification-grid span,
.uu88-footer-verification-grid a{
  color:#a8a8af;
  font-size:12px;
  line-height:1.6;
  overflow-wrap:anywhere;
  text-decoration:none;
}

.uu88-footer-editorial{
  margin-top:10px!important;
  color:#b7b7bd!important;
}

@media(max-width:1000px){
  .uu88-trust-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-footer-verification-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .uu88-article{
    margin-top:22px;
    padding:25px 20px;
  }

  .uu88-author-box,
  .uu88-author-profile-page{
    grid-template-columns:1fr;
  }

  .uu88-author-avatar img{
    width:80px;
    height:80px;
  }
}

@media(max-width:520px){
  .uu88-trust-grid,
  .uu88-footer-verification-grid{
    grid-template-columns:1fr;
  }
}


/* =========================================================
   Google-friendly homepage v2.1
   ========================================================= */
.uu88-home-hero{
  padding-top:66px;
  padding-bottom:66px;
}

.uu88-home-note{
  margin-top:22px;
  padding:14px 16px;
  border-left:3px solid var(--uu88-red);
  border-radius:0 9px 9px 0;
  color:#a9a9b0;
  background:rgba(255,255,255,.035);
  font-size:12px;
  line-height:1.65;
}

.uu88-home-note strong{
  color:#fff;
}

.uu88-intent-panel h2{
  margin-bottom:17px!important;
}

.uu88-intent-links{
  display:grid;
  gap:9px;
}

.uu88-intent-links a{
  display:block;
  padding:13px 14px;
  border:1px solid var(--uu88-line);
  border-radius:9px;
  color:#fff;
  background:#101012;
  text-decoration:none!important;
  transition:.2s ease;
}

.uu88-intent-links a:hover{
  transform:translateX(3px);
  border-color:rgba(226,31,47,.58);
}

.uu88-intent-links b{
  display:block;
  font-size:13px;
}

.uu88-intent-links small{
  display:block;
  margin-top:3px;
  color:#8e8e96;
  font-size:11px;
  line-height:1.45;
}

.uu88-purpose-grid,
.uu88-check-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

.uu88-purpose-grid article{
  min-width:0;
  padding:23px;
  border:1px solid var(--uu88-line);
  border-radius:14px;
  background:var(--uu88-card);
}

.uu88-purpose-grid b{
  display:block;
  margin-bottom:16px;
  color:var(--uu88-red);
  font-size:28px;
  line-height:1;
}

.uu88-purpose-grid h3,
.uu88-check-grid h3{
  margin:0 0 8px!important;
  color:#fff;
  font-size:17px;
}

.uu88-purpose-grid p,
.uu88-check-grid p{
  margin:0;
  color:#9e9ea6;
  font-size:13px;
  line-height:1.7;
}

.uu88-check-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}

.uu88-check-grid article{
  min-width:0;
  padding:25px;
  border:1px solid var(--uu88-line);
  border-radius:14px;
  background:linear-gradient(145deg,#151517,#101012);
}

.uu88-check-grid a{
  display:inline-flex;
  margin-top:15px;
  color:#fff;
  font-size:12px;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-check-grid a:hover{
  color:var(--uu88-red);
}

@media(max-width:1000px){
  .uu88-purpose-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:760px){
  .uu88-check-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:520px){
  .uu88-purpose-grid{
    grid-template-columns:1fr;
  }
}


/* Footer contact information v2.2 */
.uu88-footer-contact h2{
  position:relative;
  margin:0 0 15px!important;
  padding-bottom:9px;
  color:#fff;
  font-size:15px;
}

.uu88-footer-contact h2:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:27px;
  height:2px;
  border-radius:99px;
  background:var(--uu88-red);
}

.uu88-footer-contact p{
  margin:0 0 10px;
  color:#909098;
  font-size:12px;
  line-height:1.55;
  overflow-wrap:anywhere;
}

.uu88-footer-contact strong{
  display:block;
  margin-bottom:2px;
  color:#fff;
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.uu88-footer-contact a,
.uu88-footer-contact span{
  color:#9a9aa2;
  text-decoration:none!important;
}

.uu88-footer-contact a:hover{
  color:#fff;
}


@media(max-width:1180px){
  .uu88-footer-top{
    grid-template-columns:minmax(240px,1.3fr) repeat(2,minmax(150px,1fr));
  }

  .uu88-footer-contact{
    grid-column:span 2;
  }
}

@media(max-width:760px){
  .uu88-footer-top{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 20px;
  }

  .uu88-footer-brand,
  .uu88-footer-contact{
    grid-column:1 / -1;
  }
}

@media(max-width:480px){
  .uu88-footer-top{
    grid-template-columns:1fr;
  }

  .uu88-footer-brand,
  .uu88-footer-contact{
    grid-column:auto;
  }
}


/* =========================================================
   Discovery section v2.3
   ========================================================= */
.uu88-discovery-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 0,rgba(226,31,47,.13),transparent 28%),
    radial-gradient(circle at 88% 100%,rgba(226,31,47,.08),transparent 26%),
    #0f0f11;
}

.uu88-discovery-section:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:34px 34px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent);
}

.uu88-discovery-section .uu88-container{
  position:relative;
  z-index:1;
}

.uu88-discovery-heading{
  max-width:720px;
}

.uu88-discovery-heading h2{
  color:#fff;
}

.uu88-discovery-heading p{
  color:#9b9ba3;
}

.uu88-discovery-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.uu88-discovery-card{
  position:relative;
  min-width:0;
  min-height:310px;
  padding:26px 24px 24px;
  border:1px solid #2b2b30;
  border-radius:16px;
  color:#fff;
  background:linear-gradient(145deg,#17171a,#111113);
  box-shadow:0 16px 38px rgba(0,0,0,.22);
  text-decoration:none!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.uu88-discovery-card:hover{
  transform:translateY(-6px);
  border-color:rgba(226,31,47,.7);
  box-shadow:0 22px 46px rgba(0,0,0,.32),0 0 0 1px rgba(226,31,47,.08);
}

.uu88-discovery-card.featured{
  border-color:rgba(226,31,47,.6);
  background:
    radial-gradient(circle at 85% 10%,rgba(226,31,47,.2),transparent 30%),
    linear-gradient(145deg,#1b1214,#121214);
}

.uu88-discovery-number{
  display:block;
  margin-bottom:20px;
  color:#686870;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
}

.uu88-discovery-icon{
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  margin-bottom:22px;
  border:1px solid rgba(226,31,47,.35);
  border-radius:14px;
  color:#fff;
  background:rgba(226,31,47,.12);
  font-size:24px;
  font-weight:900;
}

.uu88-discovery-card h3{
  margin:0 0 10px!important;
  color:#fff;
  font-size:20px;
  line-height:1.35;
}

.uu88-discovery-card p{
  margin:0 0 20px;
  color:#a1a1a9;
  font-size:13px;
  line-height:1.75;
}

.uu88-discovery-card strong{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  color:#fff;
  font-size:12px;
}

.uu88-discovery-card:hover strong{
  color:var(--uu88-red);
}

.uu88-discovery-badge{
  position:absolute;
  top:18px;
  right:18px;
  padding:6px 9px;
  border-radius:99px;
  color:#fff;
  background:var(--uu88-red);
  font-size:9px;
  font-weight:900;
  letter-spacing:.07em;
}

@media(max-width:1000px){
  .uu88-discovery-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:560px){
  .uu88-discovery-grid{
    grid-template-columns:1fr;
  }

  .uu88-discovery-card{
    min-height:285px;
  }
}


/* Hero text cleanup v2.4 */
.uu88-home-hero .uu88-hero-copy{
  align-self:center;
}

.uu88-home-hero .uu88-hero-copy h1{
  max-width:820px;
  margin-bottom:28px!important;
}

.uu88-home-hero .uu88-actions{
  margin-top:0;
}

.uu88-intent-links a{
  display:flex;
  min-height:58px;
  align-items:center;
  padding:0 18px;
}

.uu88-intent-links b{
  font-size:15px;
}

.uu88-home-note{
  display:none!important;
}


/* Category heading cleanup v2.4.1 */
.uu88-section-dark .uu88-section-heading{
  margin-bottom:30px;
}

.uu88-section-dark .uu88-section-heading h2{
  margin-bottom:0!important;
}


/* Homepage raw URL link v2.4.4 */
.uu88-home-raw-link{
  margin:18px 0 0;
}

.uu88-home-raw-link a{
  color:#b7b7be;
  font-size:13px;
  text-decoration:underline;
  text-underline-offset:4px;
}

.uu88-home-raw-link a:hover{
  color:#fff;
}


/* =========================================================
   Homepage image layout v2.5
   ========================================================= */
.uu88-home-hero .uu88-hero-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(250px,.72fr) minmax(320px,.88fr);
  gap:28px;
}

.uu88-home-hero .uu88-hero-copy h1{
  font-size:clamp(38px,4vw,57px);
}

.uu88-hero-visual{
  position:relative;
  align-self:stretch;
  min-height:430px;
  margin:0;
  overflow:hidden;
  border:1px solid rgba(226,31,47,.25);
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 25%,rgba(226,31,47,.18),transparent 48%),
    #0b0b0d;
  box-shadow:var(--uu88-shadow);
}

.uu88-hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(to top,rgba(8,8,8,.42),transparent 45%);
}

.uu88-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:36% center;
}

.uu88-category-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.uu88-category-card{
  display:block;
  overflow:hidden;
  padding:0;
  background:#111113;
}

.uu88-category-card>i{
  display:none;
}

.uu88-category-image{
  display:block;
  overflow:hidden;
  aspect-ratio:16/9;
  background:#111113;
}

.uu88-category-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease,filter .3s ease;
}

.uu88-category-card:hover .uu88-category-image img{
  transform:scale(1.04);
  filter:brightness(1.06);
}

.uu88-category-card-body{
  padding:15px 16px 17px;
}

.uu88-category-card h3{
  margin:0!important;
  font-size:15px;
  text-transform:uppercase;
}

.uu88-category-card p,
.uu88-category-card small{
  display:none!important;
}

@media(max-width:1180px){
  .uu88-home-hero .uu88-hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);
  }

  .uu88-hero-visual{
    min-height:360px;
  }

  .uu88-hero-panel{
    grid-column:1 / -1;
  }
}

@media(max-width:800px){
  .uu88-home-hero .uu88-hero-layout{
    grid-template-columns:1fr;
  }

  .uu88-hero-visual{
    min-height:380px;
  }

  .uu88-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:480px){
  .uu88-hero-visual{
    min-height:300px;
  }

  .uu88-category-grid{
    grid-template-columns:1fr 1fr;
    gap:10px;
  }

  .uu88-category-card-body{
    padding:12px;
  }

  .uu88-category-card h3{
    font-size:12px;
  }
}


/* =========================================================
   Readable system typography v2.6
   ========================================================= */
:root{
  --uu88-font-sans:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    sans-serif;
}

html,
body,
button,
input,
select,
textarea{
  font-family:var(--uu88-font-sans)!important;
  font-synthesis:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

h1,h2,h3,h4,h5,h6,
.uu88-btn,
.uu88-footer-logo,
.uu88-main-nav a{
  font-family:var(--uu88-font-sans)!important;
  letter-spacing:-.02em;
}

body{line-height:1.65}
p,li{line-height:1.75}

.uu88-home-hero h1{
  font-weight:800;
  line-height:1.08;
}

.uu88-section-heading h2{
  font-weight:800;
  line-height:1.16;
}

.uu88-category-card-icon{
  display:flex;
  min-height:150px;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:14px;
  padding:24px 18px;
  text-align:center;
  border:1px solid var(--uu88-line);
  border-radius:14px;
  background:linear-gradient(145deg,#151517,#101012);
}

.uu88-category-card-icon:hover{
  transform:translateY(-4px);
  border-color:rgba(226,31,47,.65);
}

.uu88-category-icon{
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  border:1px solid rgba(226,31,47,.42);
  border-radius:16px;
  color:#fff;
  background:rgba(226,31,47,.12);
  font-size:29px;
  line-height:1;
  transition:transform .22s ease,background .22s ease;
}

.uu88-category-card-icon:hover .uu88-category-icon{
  transform:scale(1.06);
  background:rgba(226,31,47,.2);
}

.uu88-category-card-icon .uu88-category-card-body{
  padding:0;
}

.uu88-category-card-icon h3{
  margin:0!important;
  color:#fff;
  font-size:14px;
  font-weight:800;
  text-transform:none;
}

.uu88-category-image{
  display:none!important;
}

@media(max-width:600px){
  .uu88-category-card-icon{
    min-height:126px;
    padding:18px 12px;
  }

  .uu88-category-icon{
    width:48px;
    height:48px;
    font-size:24px;
  }
}


/* Footer homepage text link v2.6.1 */
.uu88-footer-logo{
  display:inline-block;
  cursor:default;
}

.uu88-footer-home-link{
  color:#fff!important;
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.uu88-footer-home-link:hover{
  color:var(--uu88-red)!important;
}


/* =========================================================
   Layout + visual polish v2.7.0
   ========================================================= */
:root{
  --uu88-red:#ff3347;
  --uu88-red-dark:#b10f20;
}

.uu88-home-hero .uu88-hero-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.68fr) minmax(320px,.88fr);
  gap:24px;
  align-items:stretch;
}

.uu88-home-hero .uu88-hero-copy h1{
  font-size:clamp(38px,4.3vw,58px);
  text-wrap:balance;
}

.uu88-home-hero .uu88-home-raw-link{
  max-width:640px;
}

.uu88-hero-visual{
  min-height:520px;
  border:1px solid rgba(255,51,71,.35);
  box-shadow:0 22px 55px rgba(0,0,0,.34);
}

.uu88-hero-visual img{
  object-position:center center;
}

.uu88-hero-panel{
  border-color:rgba(255,51,71,.36);
  background:linear-gradient(180deg,rgba(20,16,18,.96),rgba(12,12,14,.96));
}

.uu88-intent-links a{
  border-color:rgba(255,255,255,.08);
  background:linear-gradient(180deg,#101012,#0c0c0e);
}

.uu88-intent-links a:hover{
  border-color:rgba(255,51,71,.78);
  box-shadow:0 0 0 1px rgba(255,51,71,.12), 0 10px 24px rgba(255,51,71,.12);
}

.uu88-section-heading h2,
.uu88-intent-panel h2{
  text-wrap:balance;
}

.uu88-category-grid{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px;
}

.uu88-category-card-icon{
  flex:0 1 calc(25% - 14px);
  max-width:calc(25% - 14px);
  min-width:220px;
  min-height:152px;
  padding:28px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:linear-gradient(180deg,#121215,#0b0b0d);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}

.uu88-category-card-icon:hover{
  border-color:rgba(255,51,71,.82);
  box-shadow:0 16px 36px rgba(0,0,0,.24), 0 0 0 1px rgba(255,51,71,.16);
}

.uu88-category-icon{
  width:72px;
  height:72px;
  border-color:rgba(255,51,71,.55);
  color:#ff5a69;
  background:linear-gradient(180deg,rgba(255,51,71,.18),rgba(255,51,71,.10));
  box-shadow:0 0 0 1px rgba(255,51,71,.08), 0 10px 28px rgba(255,51,71,.14);
  font-size:34px;
  text-shadow:0 0 14px rgba(255,51,71,.28);
}

.uu88-category-card-icon h3{
  color:#ff5968;
  font-size:16px;
  font-weight:800;
  letter-spacing:-.01em;
  text-shadow:0 0 10px rgba(255,51,71,.12);
}

@media(max-width:1180px){
  .uu88-home-hero .uu88-hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);
  }

  .uu88-hero-panel{
    grid-column:1 / -1;
  }

  .uu88-hero-visual{
    min-height:440px;
  }

  .uu88-category-card-icon{
    flex:0 1 calc(33.333% - 12px);
    max-width:calc(33.333% - 12px);
  }
}

@media(max-width:860px){
  .uu88-category-card-icon{
    flex:0 1 calc(50% - 9px);
    max-width:calc(50% - 9px);
    min-width:0;
  }
}

@media(max-width:560px){
  .uu88-home-hero{
    padding-top:40px;
    padding-bottom:46px;
  }

  .uu88-hero-visual{
    min-height:360px;
  }

  .uu88-category-card-icon{
    flex:1 1 100%;
    max-width:100%;
    min-height:132px;
    padding:22px 16px;
  }

  .uu88-category-icon{
    width:62px;
    height:62px;
    font-size:30px;
  }
}


/* Hero image fix v2.7.1 */
.uu88-hero-visual{background:#120507;}


/* =========================================================
   Content-specific category SVG icons v2.8.0
   ========================================================= */
.uu88-category-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.uu88-category-card-icon{
  min-width:0;
  max-width:none;
  width:auto;
  min-height:168px;
  padding:26px 18px;
}

.uu88-category-grid .uu88-category-card-icon:nth-child(5){
  grid-column:2;
}

.uu88-category-icon{
  width:76px;
  height:76px;
  padding:16px;
  color:#ff4356;
  border-color:rgba(255,67,86,.62);
  background:
    radial-gradient(circle at 50% 25%,rgba(255,84,102,.25),transparent 58%),
    linear-gradient(180deg,rgba(255,49,70,.19),rgba(255,49,70,.08));
  box-shadow:
    0 0 0 1px rgba(255,67,86,.09),
    0 12px 30px rgba(255,34,57,.17),
    inset 0 1px 0 rgba(255,255,255,.05);
  text-shadow:none;
}

.uu88-category-icon svg{
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 8px rgba(255,67,86,.23));
}

.uu88-category-icon svg path[fill],
.uu88-category-icon svg rect[fill],
.uu88-category-icon svg circle[fill]{
  fill:currentColor;
}

.uu88-category-card-icon:hover .uu88-category-icon{
  color:#ff6676;
  border-color:#ff5265;
  background:
    radial-gradient(circle at 50% 25%,rgba(255,95,113,.34),transparent 62%),
    linear-gradient(180deg,rgba(255,49,70,.25),rgba(255,49,70,.11));
  box-shadow:
    0 0 0 1px rgba(255,82,101,.15),
    0 14px 34px rgba(255,34,57,.24);
}

.uu88-category-card-icon h3{
  color:#ff5365;
  font-size:17px;
}

@media(max-width:1020px){
  .uu88-category-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(5){
    grid-column:auto;
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:2;
  }
}

@media(max-width:700px){
  .uu88-category-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:1 / -1;
    width:calc(50% - 9px);
    justify-self:center;
  }
}

@media(max-width:480px){
  .uu88-category-grid{
    grid-template-columns:1fr;
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:auto;
    width:100%;
  }

  .uu88-category-card-icon{
    min-height:142px;
  }

  .uu88-category-icon{
    width:68px;
    height:68px;
    padding:14px;
  }
}


/* =========================================================
   Balanced homepage layout v2.8.1
   ========================================================= */
.uu88-container{
  width:min(1220px,calc(100% - 36px));
}

.uu88-home-hero{
  padding-top:58px;
  padding-bottom:58px;
}

.uu88-home-hero .uu88-hero-layout{
  grid-template-columns:minmax(0,1.08fr) minmax(280px,.72fr) minmax(320px,.86fr);
  gap:26px;
  align-items:stretch;
}

.uu88-home-hero .uu88-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding-right:8px;
}

.uu88-hero-visual,
.uu88-hero-panel{
  min-height:500px;
}

.uu88-hero-panel{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:28px;
}

.uu88-intent-links{
  gap:10px;
}

.uu88-intent-links a{
  min-height:58px;
  padding-inline:18px;
}

.uu88-section{
  padding:56px 0;
}

.uu88-section-heading{
  margin-bottom:30px;
}

.uu88-section-heading.centered,
.uu88-section-dark .uu88-section-heading{
  max-width:760px;
  margin-right:auto;
  margin-left:auto;
  text-align:center;
}

/* 4 card hàng đầu, 3 card hàng dưới cân giữa */
.uu88-category-grid{
  display:grid;
  grid-template-columns:repeat(8,minmax(0,1fr));
  gap:18px;
  align-items:stretch;
}

.uu88-category-card-icon{
  grid-column:span 2;
  width:auto;
  max-width:none;
  min-width:0;
  min-height:164px;
  padding:25px 18px;
}

.uu88-category-grid .uu88-category-card-icon:nth-child(5){
  grid-column:2 / span 2;
}

.uu88-category-grid .uu88-category-card-icon:nth-child(6){
  grid-column:4 / span 2;
}

.uu88-category-grid .uu88-category-card-icon:nth-child(7){
  grid-column:6 / span 2;
}

.uu88-category-icon{
  width:72px;
  height:72px;
  padding:15px;
}

.uu88-category-card-icon h3{
  font-size:16px;
  line-height:1.3;
}

/* Card bài viết đồng đều */
.uu88-post-grid{
  gap:20px;
}

.uu88-post-card{
  height:100%;
}

.uu88-post-body{
  min-height:220px;
  padding:20px;
}

@media(max-width:1180px){
  .uu88-home-hero .uu88-hero-layout{
    grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);
    gap:24px;
  }

  .uu88-hero-panel{
    grid-column:1 / -1;
    min-height:auto;
  }

  .uu88-hero-visual{
    min-height:440px;
  }

  .uu88-category-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }

  .uu88-category-grid .uu88-category-card-icon{
    grid-column:span 2;
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(5),
  .uu88-category-grid .uu88-category-card-icon:nth-child(6){
    grid-column:span 2;
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:3 / span 2;
  }
}

@media(max-width:820px){
  .uu88-container{
    width:min(100% - 28px,720px);
  }

  .uu88-home-hero .uu88-hero-layout{
    grid-template-columns:1fr;
  }

  .uu88-hero-visual{
    min-height:420px;
  }

  .uu88-category-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }

  .uu88-category-grid .uu88-category-card-icon{
    grid-column:span 2;
  }

  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:2 / span 2;
  }
}

@media(max-width:520px){
  .uu88-container{
    width:calc(100% - 24px);
  }

  .uu88-home-hero{
    padding-top:38px;
    padding-bottom:42px;
  }

  .uu88-hero-visual{
    min-height:350px;
  }

  .uu88-hero-panel{
    padding:22px;
  }

  .uu88-category-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .uu88-category-grid .uu88-category-card-icon,
  .uu88-category-grid .uu88-category-card-icon:nth-child(5),
  .uu88-category-grid .uu88-category-card-icon:nth-child(6),
  .uu88-category-grid .uu88-category-card-icon:nth-child(7){
    grid-column:auto;
  }

  .uu88-category-card-icon{
    min-height:136px;
    padding:21px 16px;
  }

  .uu88-category-icon{
    width:64px;
    height:64px;
    padding:13px;
  }
}


/* Related lottery link v2.8.3 */
.uu88-related-link{
  margin-top:28px!important;
  padding:16px 18px;
  border-left:3px solid var(--uu88-red);
  border-radius:0 9px 9px 0;
  color:#303036;
  background:#f6f6f7;
}

.uu88-related-link a{
  color:#d7192d!important;
  font-weight:800;
  text-decoration:none!important;
}

.uu88-related-link a:hover{
  text-decoration:underline!important;
  text-underline-offset:3px;
}


/* Admin UU88 author profile v2.9.0 */
.uu88-author-initials{
  display:grid;
  width:96px;
  height:96px;
  place-items:center;
  border:1px solid rgba(255,67,86,.55);
  border-radius:50%;
  color:#fff;
  background:
    radial-gradient(circle at 35% 25%,rgba(255,92,107,.45),transparent 42%),
    linear-gradient(145deg,#ef2940,#8f0d1b);
  box-shadow:0 12px 30px rgba(226,31,47,.24);
  font-size:25px;
  font-weight:900;
  letter-spacing:-.04em;
}

.uu88-author-initials.large{
  width:120px;
  height:120px;
  font-size:30px;
}

@media(max-width:720px){
  .uu88-author-initials{
    width:80px;
    height:80px;
    font-size:22px;
  }

  .uu88-author-initials.large{
    width:96px;
    height:96px;
    font-size:25px;
  }
}


/* Admin author without avatar v2.9.1 */
.uu88-author-box-text-only{
  grid-template-columns:1fr;
}

.uu88-author-profile-text-only{
  grid-template-columns:1fr;
}

.uu88-author-box .uu88-author-avatar,
.uu88-author-profile-page > div:first-child:has(img),
.uu88-author-initials{
  display:none!important;
}