:root{
  color-scheme:dark;
  --primary:#2b46b8;
  --secondary:#6f54ff;
  --background:#070b1c;
  --surface:#101933;
  --surface-2:#18234a;
  --panel:#233161;
  --text:#f8f5ff;
  --muted:#cbc7e8;
  --accent:#e0b75f;
  --accent-2:#ffd97d;
  --moon:#dbe8ff;
  --crystal:#7fdcff;
  --star:#fff3b2;
  --border-soft:rgba(224,183,95,0.22);
  --border-strong:rgba(248,245,255,0.10);
  --shadow:0 26px 56px rgba(3,7,20,0.38), inset 0 1px 0 rgba(255,255,255,0.06);
  --line:linear-gradient(90deg, transparent, rgba(224,183,95,0.78), rgba(219,232,255,0.72), transparent);
  --ease:220ms cubic-bezier(.22,1,.36,1);
}

html{background:var(--background)}
body.astral-midnight-starweave{
  font-family:"Jost",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 14% 8%, rgba(111,84,255,0.18), transparent 18%),
    radial-gradient(circle at 84% 5%, rgba(127,220,255,0.11), transparent 16%),
    radial-gradient(circle at 50% 0, rgba(224,183,95,0.08), transparent 24%),
    linear-gradient(180deg, #0b1128 0%, #070b1c 38%, #09112a 66%, #070b1c 100%);
  min-height:100vh;
  padding-bottom:110px;
  position:relative;
}
body.astral-midnight-starweave::before,
body.astral-midnight-starweave::after{
  content:"";
  position:fixed;
  pointer-events:none;
  z-index:0;
}
body.astral-midnight-starweave::before{
  inset:0 auto auto 0;
  width:min(38vw,420px);
  height:min(38vw,420px);
  background:radial-gradient(circle, rgba(111,84,255,0.12), rgba(43,70,184,0.05) 48%, transparent 72%);
}
body.astral-midnight-starweave::after{
  inset:12vh 0 auto auto;
  width:min(28vw,340px);
  height:min(28vw,340px);
  background:radial-gradient(circle, rgba(127,220,255,0.10), transparent 70%);
}
body.astral-midnight-starweave #wrapper{position:relative;z-index:1}
body.astral-midnight-starweave a{transition:color var(--ease),border-color var(--ease),background-color var(--ease),transform var(--ease),box-shadow var(--ease),opacity var(--ease)}

body.astral-midnight-starweave .header-container[data-r-35]{
  background:linear-gradient(180deg, rgba(8,12,32,0.88), rgba(16,25,51,0.84));
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--border-strong);
  box-shadow:0 16px 44px rgba(3,7,20,0.28);
}
body.astral-midnight-starweave .header-top[data-r-35]{
  background:linear-gradient(90deg, rgba(24,35,74,0.72), rgba(16,25,51,0.84), rgba(35,49,97,0.72));
  border-bottom:1px solid rgba(255,255,255,0.05);
}
body.astral-midnight-starweave .header-main[data-r-35],
body.astral-midnight-starweave .header-responsive[data-r-35],
body.astral-midnight-starweave .download-app[data-r-0000002]{
  background:linear-gradient(135deg, rgba(16,25,51,0.96), rgba(43,70,184,0.92) 56%, rgba(111,84,255,0.9));
  border-bottom:1px solid var(--border-soft);
}
body.astral-midnight-starweave .header-top-left a[data-r-35],
body.astral-midnight-starweave .header-top-right a[data-r-35],
body.astral-midnight-starweave .header-location__text[data-r-111],
body.astral-midnight-starweave .header-category-wrapper__text[data-r-55],
body.astral-midnight-starweave .header-account-login p[data-r-123],
body.astral-midnight-starweave .header-main-menu a,
body.astral-midnight-starweave .header-main-menu div,
body.astral-midnight-starweave .toggle-language div[data-r-27],
body.astral-midnight-starweave .mapclub-seo h1,
body.astral-midnight-starweave .mapclub-seo h2,
body.astral-midnight-starweave .mapclub-seo p{color:var(--text)}
body.astral-midnight-starweave .toggle-language .is-active[data-r-27],
body.astral-midnight-starweave .wak-article a,
body.astral-midnight-starweave .faq-answer a,
body.astral-midnight-starweave .mapclub-seo a,
body.astral-midnight-starweave .review-title span,
body.astral-midnight-starweave .review-wak span{color:var(--accent-2)}
body.astral-midnight-starweave .separator[data-r-35],
body.astral-midnight-starweave .header__icons-divider[data-r-007],
body.astral-midnight-starweave .toggle-language .separator[data-r-27]{background:linear-gradient(180deg, rgba(224,183,95,0.1), rgba(219,232,255,0.5), rgba(224,183,95,0.1))}

body.astral-midnight-starweave .header-search[data-r-200],
body.astral-midnight-starweave .location-popup .location-search[data-r-111],
body.astral-midnight-starweave .search-suggestion[data-r-487],
body.astral-midnight-starweave .on-active[data-r-515],
body.astral-midnight-starweave .header-account-dropdown[data-r-123],
body.astral-midnight-starweave .my-account-dropdown[data-r-123],
body.astral-midnight-starweave .location-popup[data-r-111],
body.astral-midnight-starweave .header-category-menu-container[data-r-55],
body.astral-midnight-starweave .header-download__popup[data-r-628],
body.astral-midnight-starweave .dialog-container[data-r-4558],
body.astral-midnight-starweave .apps-only-popup__container[data-r-1569],
body.astral-midnight-starweave .installment-popup__container{
  background:linear-gradient(180deg, rgba(16,25,51,0.98), rgba(24,35,74,0.98));
  border:1px solid var(--border-strong);
  box-shadow:var(--shadow);
}
body.astral-midnight-starweave .header-search[data-r-200],
body.astral-midnight-starweave .location-popup .location-search[data-r-111]{
  border-radius:999px;
  border:1px solid var(--border-soft);
}
body.astral-midnight-starweave input,
body.astral-midnight-starweave select,
body.astral-midnight-starweave .header-search form input[data-r-200],
body.astral-midnight-starweave .location-popup .location-search form input[data-r-111]{
  background:transparent;
  color:var(--text);
}
body.astral-midnight-starweave input::placeholder,
body.astral-midnight-starweave .header-search form input[data-r-200]::placeholder{color:rgba(203,199,232,0.72)}

body.astral-midnight-starweave .btn,
body.astral-midnight-starweave .header-account .tombol,
body.astral-midnight-starweave .cta-buttons a,
body.astral-midnight-starweave .discount-info h3 a[data-r-1250],
body.astral-midnight-starweave .download-app__button[data-r-0000002],
body.astral-midnight-starweave .apps-only-popup__detail button[data-r-1569]{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  overflow:hidden;
  border-radius:999px;
  border:1px solid rgba(248,245,255,0.12);
  color:#fffdf7;
  background:linear-gradient(135deg, rgba(77,72,179,0.98), rgba(111,84,255,0.96) 52%, rgba(224,183,95,0.92));
  box-shadow:0 16px 34px rgba(6,10,26,0.28), inset 0 1px 0 rgba(255,255,255,0.24);
  letter-spacing:.14em;
  text-transform:uppercase;
}
body.astral-midnight-starweave .cta-buttons .register,
body.astral-midnight-starweave .add-wish-box a[data-r-108]{
  color:var(--text);
  background:linear-gradient(180deg, rgba(16,25,51,0.96), rgba(24,35,74,0.96));
  border:1px solid var(--border-strong);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 14px 30px rgba(3,7,20,0.22);
}
body.astral-midnight-starweave .btn:hover,
body.astral-midnight-starweave .header-account .tombol:hover,
body.astral-midnight-starweave .cta-buttons a:hover,
body.astral-midnight-starweave .discount-info h3 a[data-r-1250]:hover,
body.astral-midnight-starweave .add-wish-box a[data-r-108]:hover,
body.astral-midnight-starweave .pc_saleProperty[data-r-8634]:hover,
body.astral-midnight-starweave .pc_saleProperty[data-r-3552]:hover,
body.astral-midnight-starweave .faq-question:hover,
body.astral-midnight-starweave .keuntungan-card:hover{
  transform:translate3d(0,-2px,0);
  box-shadow:0 22px 34px rgba(3,7,20,0.28),0 0 0 1px rgba(127,220,255,0.1),0 0 22px rgba(111,84,255,0.16);
}
body.astral-midnight-starweave .header-account .tombol:focus-visible,
body.astral-midnight-starweave .cta-buttons a:focus-visible,
body.astral-midnight-starweave input:focus-visible,
body.astral-midnight-starweave select:focus-visible,
body.astral-midnight-starweave .faq-question:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(219,232,255,0.12),0 0 0 6px rgba(111,84,255,0.24);
}
body.astral-midnight-starweave .cta-buttons a::before,
body.astral-midnight-starweave .header-account .tombol::before,
body.astral-midnight-starweave .discount-info h3 a[data-r-1250]::before{
  content:"";
  position:absolute;
  inset:0 auto 0 -42%;
  width:42%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,0.38), transparent);
  transform:translate3d(-140%,0,0) skewX(-18deg);
  animation:nebulaSheen 7.2s ease-in-out infinite;
  pointer-events:none;
}

body.astral-midnight-starweave .article-product-information[data-r-185],
body.astral-midnight-starweave .product-left .scroll.pdp-big-scroll,
body.astral-midnight-starweave .product-information.product-right[data-r-888],
body.astral-midnight-starweave .wak-article,
body.astral-midnight-starweave .wak-faq-review,
body.astral-midnight-starweave .review-section,
body.astral-midnight-starweave .keuntungan-card,
body.astral-midnight-starweave .recommendation-section,
body.astral-midnight-starweave footer[data-r-8221] .footer-top,
body.astral-midnight-starweave .fixed-footer{
  position:relative;
  overflow:hidden;
}
body.astral-midnight-starweave .product-left .scroll.pdp-big-scroll,
body.astral-midnight-starweave .product-information.product-right[data-r-888],
body.astral-midnight-starweave .wak-article,
body.astral-midnight-starweave .wak-faq-review,
body.astral-midnight-starweave .review-section,
body.astral-midnight-starweave .keuntungan-card,
body.astral-midnight-starweave .recommendation-section,
body.astral-midnight-starweave footer[data-r-8221] .footer-top{
  background:linear-gradient(180deg, rgba(16,25,51,0.94), rgba(24,35,74,0.92));
  border:1px solid var(--border-strong);
  box-shadow:var(--shadow);
  border-radius:28px;
}
body.astral-midnight-starweave .wak-article,
body.astral-midnight-starweave .wak-faq-review,
body.astral-midnight-starweave .review-section,
body.astral-midnight-starweave .recommendation-section{margin-top:32px;padding:36px 32px}
body.astral-midnight-starweave .product-information.product-right[data-r-888]{padding:32px 30px}
body.astral-midnight-starweave .product-left .scroll.pdp-big-scroll{padding:22px}
body.astral-midnight-starweave .product-left .scroll.pdp-big-scroll img{border-radius:22px}
body.astral-midnight-starweave .wak-article,
body.astral-midnight-starweave .wak-faq-review,
body.astral-midnight-starweave .recommendation-section{
  max-width:1180px;
  margin-left:auto;
  margin-right:auto;
}
body.astral-midnight-starweave .article-product-information[data-r-185]::before,
body.astral-midnight-starweave .wak-article::after,
body.astral-midnight-starweave .recommendation-section::after{
  content:"";
  position:absolute;
  left:32px;
  right:32px;
  top:0;
  height:1px;
  background:var(--line);
}
body.astral-midnight-starweave .wak-article::before,
body.astral-midnight-starweave .wak-faq-review::before,
body.astral-midnight-starweave .review-section::before,
body.astral-midnight-starweave .keuntungan-card::before,
body.astral-midnight-starweave .recommendation-section::before,
body.astral-midnight-starweave .fixed-footer::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at top right, rgba(127,220,255,0.08), transparent 26%), radial-gradient(circle at top left, rgba(111,84,255,0.14), transparent 28%);
}
body.astral-midnight-starweave .product-name[data-r-5236],
body.astral-midnight-starweave .wak-article h2,
body.astral-midnight-starweave .wak-faq-review h2,
body.astral-midnight-starweave .review-title,
body.astral-midnight-starweave .review-wak,
body.astral-midnight-starweave .review-name,
body.astral-midnight-starweave .keuntungan-card h4,
body.astral-midnight-starweave .footer-top-title[data-r-8221],
body.astral-midnight-starweave .product-price__sale[data-r-5236],
body.astral-midnight-starweave #salePrice[data-r-5236]{color:var(--moon)}
body.astral-midnight-starweave .wak-article h2,
body.astral-midnight-starweave .wak-faq-review h2,
body.astral-midnight-starweave .recommendation-title{
  margin:0 0 18px;
  font-size:clamp(2rem, 1.5rem + 1.8vw, 3.15rem);
  line-height:1.06;
  letter-spacing:-.03em;
  font-weight:800;
  text-wrap:balance;
}
body.astral-midnight-starweave .wak-faq-review h2{
  margin-bottom:26px;
}
body.astral-midnight-starweave .product-subtitle[data-r-5236],
body.astral-midnight-starweave .product-code[data-r-5236],
body.astral-midnight-starweave .reviews[data-r-5236],
body.astral-midnight-starweave .wak-article p,
body.astral-midnight-starweave .faq-answer,
body.astral-midnight-starweave .review-text,
body.astral-midnight-starweave .keuntungan-card p,
body.astral-midnight-starweave .footer-top-list li a[data-r-8221],
body.astral-midnight-starweave .footer-top-list li>div[data-r-8221],
body.astral-midnight-starweave .complaint-service__item>a[data-r-8221],
body.astral-midnight-starweave .complaint-service__item p[data-r-8221],
body.astral-midnight-starweave .payment__system-img--item-label[data-r-8221],
body.astral-midnight-starweave .footer-bottom .download-apps p[data-r-8221],
body.astral-midnight-starweave .footer-bottom .social-media ul li>a[data-r-8221],
body.astral-midnight-starweave .footer-bottom-ccs p[data-r-8221],
body.astral-midnight-starweave .footer-bottom-ccs a[data-r-8221],
body.astral-midnight-starweave .footer-copyright p[data-r-8221]{color:var(--muted)}
body.astral-midnight-starweave .wak-article p,
body.astral-midnight-starweave .recommendation-intro,
body.astral-midnight-starweave .recommendation-item p,
body.astral-midnight-starweave .faq-answer{
  font-size:clamp(1rem, .96rem + .22vw, 1.08rem);
  line-height:1.8;
  letter-spacing:.01em;
}
body.astral-midnight-starweave .wak-article p{
  max-width:1000px;
  margin:0;
}
body.astral-midnight-starweave .wak-article p + p{
  margin-top:16px;
}
body.astral-midnight-starweave .wak-article > p:first-of-type{
  position:relative;
  padding:20px 22px;
  border-radius:20px;
  background:linear-gradient(180deg, rgba(24,35,74,0.6), rgba(16,25,51,0.88));
  border:1px solid rgba(248,245,255,0.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.04);
}
body.astral-midnight-starweave .wak-article > p:first-of-type::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  border-radius:999px;
  background:linear-gradient(180deg, var(--accent), var(--crystal));
}
body.astral-midnight-starweave .wak-article a{
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid rgba(224,183,95,0.45);
}
body.astral-midnight-starweave .recommendation-title{
  max-width:900px;
}
body.astral-midnight-starweave .recommendation-intro{
  max-width:980px;
  margin:0 0 24px;
}
body.astral-midnight-starweave .recommendation-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  align-items:stretch;
}
body.astral-midnight-starweave .recommendation-item{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  min-height:100%;
  padding:22px 22px 20px;
  border-radius:22px;
}
body.astral-midnight-starweave .recommendation-item h3{
  margin:0 0 12px;
  color:var(--moon);
  font-size:clamp(1.22rem, 1.08rem + .34vw, 1.5rem);
  line-height:1.25;
  font-weight:800;
  letter-spacing:-.02em;
}
body.astral-midnight-starweave .recommendation-item p{
  margin:0;
}
body.astral-midnight-starweave .recommendation-item::after{
  content:"";
  position:absolute;
  inset:auto 22px 0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(127,220,255,0.46), transparent);
  opacity:.72;
}

body.astral-midnight-starweave .review-box,
body.astral-midnight-starweave .faq-item,
body.astral-midnight-starweave .recommendation-item,
body.astral-midnight-starweave .color-box[data-r-3552],
body.astral-midnight-starweave .size-box[data-r-8634],
body.astral-midnight-starweave .product-num[data-r-888],
body.astral-midnight-starweave .add-wish-box[data-r-108],
body.astral-midnight-starweave .payment__bank_img--item[data-r-8221],
body.astral-midnight-starweave .payment__system-img--item[data-r-8221],
body.astral-midnight-starweave .pc_saleProperty[data-r-8634],
body.astral-midnight-starweave .pc_saleProperty[data-r-3552],
body.astral-midnight-starweave .dropdown .btn,
body.astral-midnight-starweave .dropdown select{
  position:relative;
  background:linear-gradient(180deg, rgba(24,35,74,0.94), rgba(16,25,51,0.96));
  border:1px solid rgba(248,245,255,0.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}
body.astral-midnight-starweave .faq-item{
  border-radius:20px;
  margin-top:16px;
  overflow:hidden;
}
body.astral-midnight-starweave .faq-question{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 24px;
  color:var(--moon);
  background:linear-gradient(180deg, rgba(24,35,74,0.84), rgba(16,25,51,0.92));
  font-size:clamp(1rem, .95rem + .24vw, 1.14rem);
  font-weight:700;
  line-height:1.45;
  letter-spacing:.01em;
  cursor:pointer;
}
body.astral-midnight-starweave .faq-question span{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  border:1px solid rgba(224,183,95,0.26);
  background:linear-gradient(180deg, rgba(43,70,184,0.34), rgba(24,35,74,0.52));
  color:var(--accent-2);
  font-size:1.2rem;
  font-weight:600;
  line-height:1;
}
body.astral-midnight-starweave .faq-answer{
  padding:0 24px 0;
  max-height:0;
  overflow:hidden;
  opacity:0;
  transition:max-height var(--ease), opacity var(--ease), padding var(--ease);
}
body.astral-midnight-starweave .faq-item.is-open .faq-answer{
  padding:0 24px 22px;
  max-height:240px;
  opacity:1;
}
body.astral-midnight-starweave .faq-item.is-open .faq-question{
  border-bottom:1px solid rgba(248,245,255,0.08);
}
body.astral-midnight-starweave .review-content{background:linear-gradient(180deg, rgba(16,25,51,0.98), rgba(24,35,74,0.92))}
body.astral-midnight-starweave .keuntungan-card{padding:26px}
body.astral-midnight-starweave .footer-top[data-r-8221]{background:linear-gradient(180deg, rgba(11,17,40,0.98), rgba(16,25,51,0.98))}
body.astral-midnight-starweave .footer-bottom[data-r-8221]{background:linear-gradient(180deg, rgba(24,35,74,0.94), rgba(11,17,40,0.96));border-top:1px solid rgba(255,255,255,0.06)}
body.astral-midnight-starweave .footer-copyright[data-r-8221]{background:#060915;border-top:1px solid rgba(224,183,95,0.18)}

body.astral-midnight-starweave .fixed-footer{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  width:min(1080px,calc(100% - 24px));
  padding:12px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(10,15,38,0.94), rgba(16,25,51,0.92));
  border:1px solid rgba(224,183,95,0.2);
  box-shadow:0 20px 36px rgba(3,7,20,0.34);
  backdrop-filter:blur(12px);
}
body.astral-midnight-starweave .fixed-footer a{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:58px;
  padding:10px 8px;
  gap:8px;
  border-radius:18px;
  color:var(--text);
  background:linear-gradient(180deg, rgba(24,35,74,0.72), rgba(16,25,51,0.88));
  border:1px solid rgba(248,245,255,0.08);
  font-size:11px;
  font-weight:700;
  letter-spacing:.12em;
}
body.astral-midnight-starweave .fixed-footer a.shake{animation:none}
body.astral-midnight-starweave .review-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin:0 0 22px;
}
body.astral-midnight-starweave .review-wrapper{
  position:relative;
}
body.astral-midnight-starweave .review-track{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
}
body.astral-midnight-starweave .review-box{
  position:relative;
  border-radius:22px;
  padding:1px;
  background:linear-gradient(135deg, rgba(224,183,95,0.36), rgba(127,220,255,0.18), rgba(111,84,255,0.28));
  overflow:hidden;
}
body.astral-midnight-starweave .review-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,243,178,0.85) 0 1px, transparent 2px),
    radial-gradient(circle at 82% 18%, rgba(219,232,255,0.9) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 76%, rgba(127,220,255,0.85) 0 1px, transparent 2px);
  opacity:.45;
  pointer-events:none;
}
body.astral-midnight-starweave .review-box::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 0%, rgba(219,232,255,0.16) 48%, transparent 58%);
  transform:translate3d(-140%,0,0);
  opacity:.55;
  pointer-events:none;
}
body.astral-midnight-starweave .review-box:hover::after{
  animation:reviewGlint 1.8s cubic-bezier(.22,1,.36,1) 1;
}
body.astral-midnight-starweave .review-content{
  position:relative;
  height:100%;
  padding:24px 22px 22px;
  border-radius:21px;
  background:
    radial-gradient(circle at top right, rgba(127,220,255,0.08), transparent 28%),
    linear-gradient(180deg, rgba(16,25,51,0.98), rgba(24,35,74,0.92));
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
}
body.astral-midnight-starweave .review-content > div{
  position:relative;
  z-index:1;
}
body.astral-midnight-starweave .review-name{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 0 12px;
  font-size:1.08rem;
  line-height:1.3;
}
body.astral-midnight-starweave .review-score{
  flex:0 0 auto;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(224,183,95,0.24);
  background:linear-gradient(180deg, rgba(43,70,184,0.2), rgba(24,35,74,0.46));
  color:var(--accent-2);
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.08em;
}
body.astral-midnight-starweave .review-stars{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  color:var(--star);
  font-size:1rem;
  letter-spacing:.22em;
  text-shadow:0 0 12px rgba(255,243,178,0.18);
}
body.astral-midnight-starweave .review-text{
  margin:0;
  font-size:1rem;
  line-height:1.75;
}
body.astral-midnight-starweave .review-section.astral-focus.is-spotlight .review-box:nth-child(odd)::before{
  animation:runeTwinkle 5.8s ease-in-out infinite;
}
body.astral-midnight-starweave .review-section.astral-focus.is-spotlight .review-box:nth-child(even)::before{
  animation:runeTwinkle 6.6s ease-in-out 1.4s infinite;
}

body.astral-midnight-starweave .astral-focus{transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}
body.astral-midnight-starweave .astral-focus.is-spotlight{
  border-color:rgba(224,183,95,0.32);
  box-shadow:0 28px 60px rgba(3,7,20,0.38),0 0 0 1px rgba(127,220,255,0.12), inset 0 1px 0 rgba(255,255,255,0.08);
}
body.astral-midnight-starweave .astral-border-pulse::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  border:1px solid transparent;
  opacity:0;
  pointer-events:none;
}
body.astral-midnight-starweave .astral-border-pulse.is-spotlight::after{animation:borderPulse 5.4s ease-in-out infinite}
body.astral-midnight-starweave .astral-field,
body.astral-midnight-starweave .astral-comet{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:0;
  transition:opacity var(--ease);
}
body.astral-midnight-starweave .astral-focus.is-spotlight .astral-field,
body.astral-midnight-starweave .astral-focus.is-spotlight .astral-comet{opacity:1}
body.astral-midnight-starweave .astral-mote,
body.astral-midnight-starweave .astral-rune,
body.astral-midnight-starweave .constellation-glint{position:absolute;animation-play-state:paused}
body.astral-midnight-starweave .astral-mote{
  width:4px;
  height:4px;
  border-radius:50%;
  background:radial-gradient(circle, var(--star), rgba(255,243,178,0.18) 60%, transparent 72%);
  opacity:0;
}
body.astral-midnight-starweave .astral-rune{
  width:6px;
  height:6px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(219,232,255,0.98), rgba(127,220,255,0.16) 58%, transparent 70%);
  opacity:0;
}
body.astral-midnight-starweave .constellation-glint{
  left:-28%;
  width:26%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(219,232,255,0.96), rgba(224,183,95,0.86), transparent);
  opacity:0;
}
body.astral-midnight-starweave .astral-focus.is-spotlight .astral-mote{animation:starlightMote var(--mote-dur,14s) ease-in-out var(--mote-delay,0s) infinite;animation-play-state:running}
body.astral-midnight-starweave .astral-focus.is-spotlight .astral-rune{animation:runeTwinkle var(--rune-dur,6.2s) ease-in-out var(--rune-delay,0s) infinite;animation-play-state:running}
body.astral-midnight-starweave .astral-focus.is-spotlight .constellation-glint{animation:constellationGlint 8.5s ease-in-out var(--glint-delay,0s) infinite;animation-play-state:running}
body.astral-midnight-starweave .astral-comet::before{
  content:"";
  position:absolute;
  top:18%;
  right:-18%;
  width:22%;
  height:2px;
  background:linear-gradient(90deg, transparent, rgba(219,232,255,0.18), rgba(255,243,178,0.92), transparent);
  opacity:0;
  transform:rotate(-16deg);
}
body.astral-midnight-starweave .astral-focus.is-comet .astral-comet::before{animation:cometCue 1100ms cubic-bezier(.22,1,.36,1)}
#pointer-halo{
  position:fixed;
  left:0;
  top:0;
  width:160px;
  height:160px;
  border-radius:50%;
  pointer-events:none;
  z-index:5;
  opacity:0;
  background:radial-gradient(circle, rgba(127,220,255,0.16), rgba(111,84,255,0.10) 34%, transparent 68%);
  transform:translate3d(-50%,-50%,0);
  transition:opacity 180ms ease;
}
body.astral-midnight-starweave.no-pointer-halo #pointer-halo{display:none}

@keyframes starlightMote{
  0%{transform:translate3d(0,12px,0) scale(.72);opacity:0}
  18%{opacity:.34}
  54%{transform:translate3d(var(--mote-x,18px),calc(var(--mote-y,-22px) * .76),0) scale(1);opacity:.62}
  100%{transform:translate3d(calc(var(--mote-x,18px) * .56),var(--mote-y,-22px),0) scale(.84);opacity:0}
}
@keyframes constellationGlint{
  0%,68%,100%{opacity:0;transform:translate3d(0,0,0)}
  10%,18%{opacity:.92}
  34%{opacity:.24}
  54%{transform:translate3d(480%,0,0);opacity:0}
}
@keyframes runeTwinkle{
  0%,100%{opacity:0;transform:scale(.55)}
  22%{opacity:.75;transform:scale(1)}
  36%{opacity:.25;transform:scale(.82)}
  58%{opacity:.66;transform:scale(1.08)}
  80%{opacity:0;transform:scale(.74)}
}
@keyframes cometCue{
  0%{opacity:0;transform:translate3d(0,0,0) rotate(-16deg)}
  22%{opacity:.9}
  100%{opacity:0;transform:translate3d(-340%,60px,0) rotate(-16deg)}
}
@keyframes nebulaSheen{
  0%,72%,100%{transform:translate3d(-160%,0,0) skewX(-18deg)}
  18%,34%{transform:translate3d(320%,0,0) skewX(-18deg)}
}
@keyframes borderPulse{
  0%,100%{opacity:.12;border-color:rgba(224,183,95,0.10)}
  48%{opacity:.45;border-color:rgba(224,183,95,0.32)}
}
@keyframes reviewGlint{
  0%{transform:translate3d(-140%,0,0)}
  100%{transform:translate3d(180%,0,0)}
}

@media (max-width:1024px){
  body.astral-midnight-starweave{padding-bottom:96px}
  body.astral-midnight-starweave .wak-article,
  body.astral-midnight-starweave .wak-faq-review,
  body.astral-midnight-starweave .review-section,
  body.astral-midnight-starweave .recommendation-section{padding:28px 22px}
  body.astral-midnight-starweave .review-track{grid-template-columns:1fr}
  body.astral-midnight-starweave .review-content{padding:20px 18px 18px}
  body.astral-midnight-starweave .review-name{flex-direction:column;align-items:flex-start}
  body.astral-midnight-starweave .recommendation-list{grid-template-columns:1fr}
  body.astral-midnight-starweave .wak-article > p:first-of-type{padding:18px 18px 18px 20px}
  body.astral-midnight-starweave .faq-question{padding:18px 18px}
  body.astral-midnight-starweave .faq-answer,
  body.astral-midnight-starweave .faq-item.is-open .faq-answer{padding-left:18px;padding-right:18px}
  body.astral-midnight-starweave .fixed-footer{bottom:12px;padding:10px;gap:8px;border-radius:20px}
  body.astral-midnight-starweave .fixed-footer a{min-height:54px;font-size:10px;letter-spacing:.08em;border-radius:14px}
  body.astral-midnight-starweave .astral-mote:nth-child(n+7),
  body.astral-midnight-starweave .astral-rune:nth-child(n+3),
  body.astral-midnight-starweave .constellation-glint:nth-child(n+2){display:none}
  #pointer-halo{display:none}
}
@media (prefers-reduced-motion:reduce){
  body.astral-midnight-starweave *,body.astral-midnight-starweave::before,body.astral-midnight-starweave::after{animation:none !important;transition:none !important}
  body.astral-midnight-starweave .astral-field,
  body.astral-midnight-starweave .astral-comet,
  #pointer-halo{display:none !important}
}