/* Cinematic premium layer v7 — loaded after luxury-polish.css */
:root{
  --v7-bg:#050305;
  --v7-panel:rgba(18,8,13,.86);
  --v7-panel-2:rgba(31,13,20,.82);
  --v7-gold:#ffd66b;
  --v7-gold-hot:#ffb21f;
  --v7-red:#ec1938;
  --v7-red-deep:#780715;
  --v7-text:#fffaf0;
  --v7-muted:#d7c7ca;
  --v7-line:rgba(255,214,107,.24);
  --v7-line-hot:rgba(255,214,107,.68);
  --v7-shadow:0 28px 80px rgba(0,0,0,.56);
  --v7-ease:cubic-bezier(.16,1,.3,1);
}

body{
  position:relative;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 50% -8%,rgba(236,25,56,.16),transparent 29%),
    radial-gradient(circle at 92% 18%,rgba(255,178,31,.08),transparent 25%),
    linear-gradient(180deg,#080407 0%,#050305 45%,#090407 100%)!important;
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,black,transparent 78%);
}

/* Header — polished floating glass bar */
.sakura-premium-header{
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  background:linear-gradient(180deg,rgba(12,6,9,.96),rgba(10,5,8,.78))!important;
  border-bottom:1px solid rgba(255,214,107,.22)!important;
}
.sakura-header-container{min-height:72px}
.sakura-header-logo img{transition:transform .35s var(--v7-ease),filter .35s!important}
.sakura-header-logo:hover img{transform:scale(1.035);filter:drop-shadow(0 0 18px rgba(255,214,107,.38))!important}
.sakura-header-nav a{position:relative;overflow:hidden}
.sakura-header-nav a::after{
  content:"";position:absolute;left:50%;right:50%;bottom:4px;height:2px;
  background:linear-gradient(90deg,transparent,var(--v7-gold),transparent);
  transition:left .3s,right .3s;
}
.sakura-header-nav a:hover::after{left:18%;right:18%}

/* Hero — cinematic frame */
.sakura-hero-card{
  position:relative;
  isolation:isolate;
  padding:10px!important;
  border:1px solid rgba(255,214,107,.28)!important;
  border-radius:30px!important;
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008))!important;
  box-shadow:0 30px 85px rgba(0,0,0,.58),0 0 45px rgba(220,20,40,.08)!important;
}
.sakura-hero-card::before{
  content:"";position:absolute;inset:-1px;z-index:-2;border-radius:inherit;
  background:conic-gradient(from 190deg,transparent 0 24%,rgba(255,214,107,.54) 30%,transparent 38% 68%,rgba(236,25,56,.46) 76%,transparent 84%);
  filter:blur(12px);opacity:.28;
}
.sakura-hero-card::after{
  content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.08) 36%,transparent 49%);
  transform:translateX(-120%);animation:v7HeroShine 7s ease-in-out infinite;
}
.sakura-hero-image-wrap{position:relative;border-radius:22px!important}
.sakura-hero-image-wrap::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,transparent 50%,rgba(5,3,5,.36)),radial-gradient(circle at 50% 45%,transparent 40%,rgba(5,3,5,.24));
}
.sakura-hero-image{display:block;transform:scale(1.002)}
@keyframes v7HeroShine{0%,68%,100%{transform:translateX(-130%)}78%{transform:translateX(130%)}}

.sakura-thumb-grid{gap:10px!important;margin-top:12px!important}
.sakura-thumb{
  position:relative;overflow:hidden;border-radius:13px!important;
  border:1px solid rgba(255,214,107,.18)!important;
  background:#10080c!important;opacity:.72;
  transition:transform .28s var(--v7-ease),opacity .28s,border-color .28s,box-shadow .28s!important;
}
.sakura-thumb:hover,.sakura-thumb.active{opacity:1;transform:translateY(-3px);border-color:var(--v7-line-hot)!important;box-shadow:0 10px 25px rgba(0,0,0,.4),0 0 18px rgba(255,178,31,.12)!important}

/* CTA — premium metallic glow */
.sakura-cta-grid{gap:12px!important;margin-top:14px!important}
.sakura-btn,.btn,.btn-primary,.btn-daftar,.btn-header{
  position:relative;isolation:isolate;overflow:hidden;
  letter-spacing:.035em!important;font-weight:850!important;
  border:1px solid rgba(255,214,107,.42)!important;
  box-shadow:0 13px 32px rgba(0,0,0,.34)!important;
}
.sakura-btn::before,.btn-primary::before,.btn-daftar::before{
  content:"";position:absolute;inset:-2px;z-index:-1;
  background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.18) 45%,transparent 62%);
  transform:translateX(-120%);transition:transform .55s var(--v7-ease);
}
.sakura-btn:hover::before,.btn-primary:hover::before,.btn-daftar:hover::before{transform:translateX(120%)}
.sakura-btn-login{background:linear-gradient(135deg,#201219,#0d080b)!important;color:var(--v7-gold)!important}
.sakura-btn-register,.btn-daftar,.btn-primary{background:linear-gradient(135deg,#f21d3d,#a4071d 62%,#6f0614)!important;box-shadow:0 15px 34px rgba(236,25,56,.28)!important}

/* Primary layout and section rhythm */
.sakura-main-layout{gap:34px!important}
.sakura-section,.sakura-trending-section,.sakura-growth-section,.sakura-slider-shell,.sakura-article-shell,.sakura-trust-center{
  border-color:rgba(255,214,107,.2)!important;
  background:
    radial-gradient(circle at 88% 2%,rgba(255,190,44,.09),transparent 29%),
    radial-gradient(circle at 4% 96%,rgba(236,25,56,.09),transparent 30%),
    linear-gradient(145deg,rgba(28,12,18,.93),rgba(8,5,7,.96))!important;
  box-shadow:var(--v7-shadow)!important;
}
.sakura-section,.sakura-slider-shell,.sakura-growth-section,.sakura-trust-center{padding:clamp(24px,3.4vw,42px)!important}

/* Section headings — editorial luxury */
.sakura-section-head,.sakura-slider-header,.sakura-growth-head{position:relative;margin-bottom:28px!important}
.sakura-section-head::after,.sakura-slider-header::after,.sakura-growth-head::after{
  content:"";display:block;width:min(210px,45%);height:1px;margin-top:17px;
  background:linear-gradient(90deg,var(--v7-gold-hot),rgba(255,214,107,.12),transparent);
}
.sakura-kicker{
  display:inline-flex!important;align-items:center;gap:8px;padding:7px 12px!important;
  font-size:11px!important;letter-spacing:.13em!important;text-transform:uppercase;
  color:var(--v7-gold)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 8px 22px rgba(0,0,0,.18)!important;
}
.sakura-kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--v7-gold-hot);box-shadow:0 0 12px var(--v7-gold-hot)}
h1{font-size:clamp(35px,4.5vw,62px)!important;line-height:1.02!important;letter-spacing:-.045em!important}
h2,.sakura-section-title,.sakura-slider-title{font-size:clamp(28px,3.3vw,45px)!important;line-height:1.12!important;letter-spacing:-.035em!important}

/* Game cards — stronger image treatment */
.sakura-slider-track{gap:18px!important;padding:6px 3px 22px!important}
.sakura-slider-card{
  position:relative;overflow:hidden!important;border-radius:21px!important;
  border:1px solid rgba(255,214,107,.22)!important;
  background:linear-gradient(160deg,rgba(35,14,21,.97),rgba(8,5,7,.98))!important;
  box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
}
.sakura-slider-card::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.055) 45%,transparent 59%);
  transform:translateX(-130%);transition:transform .65s var(--v7-ease);
}
.sakura-slider-card:hover::after{transform:translateX(130%)}
.sakura-slider-image{position:relative;aspect-ratio:4/3!important;min-height:0!important}
.sakura-slider-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(6,3,5,.72));pointer-events:none}
.sakura-slider-info{padding:16px!important}
.sakura-slider-title-row h3{font-size:17px!important;line-height:1.25!important;white-space:normal!important}
.sakura-slider-badge{
  border:1px solid rgba(255,214,107,.48)!important;
  background:linear-gradient(135deg,#f3b52f,#d77407)!important;color:#210d00!important;
  box-shadow:0 7px 18px rgba(255,178,31,.16)!important;
}
.sakura-slider-nav{width:46px!important;height:46px!important;border:1px solid rgba(255,214,107,.4)!important;background:linear-gradient(145deg,#251018,#0b0608)!important;color:var(--v7-gold)!important;box-shadow:0 14px 28px rgba(0,0,0,.4)!important}

/* Statistics and service panels */
.sakura-mini-stat{position:relative;overflow:hidden!important;padding:18px!important}
.sakura-mini-stat::after{content:"";position:absolute;right:-22px;bottom:-22px;width:70px;height:70px;border-radius:50%;background:rgba(255,190,44,.07);filter:blur(2px)}
.sakura-mini-icon{width:44px;height:44px;display:grid!important;place-items:center;border-radius:14px;background:linear-gradient(145deg,rgba(236,25,56,.18),rgba(255,190,44,.08));border:1px solid rgba(255,214,107,.2);box-shadow:inset 0 1px rgba(255,255,255,.07)}
.sakura-mini-stat strong{color:var(--v7-gold)!important;font-size:clamp(21px,2.3vw,29px)!important}
.sakura-growth-chart-card,.sakura-service-card{border:1px solid rgba(255,214,107,.21)!important;background:linear-gradient(145deg,rgba(27,12,18,.9),rgba(8,5,7,.96))!important;box-shadow:0 18px 48px rgba(0,0,0,.38)!important}

/* Review and FAQ */
.sakura-review-card{position:relative;padding:24px!important}
.sakura-review-card::before{content:"“";position:absolute;right:18px;top:4px;font-family:Georgia,serif;font-size:74px;line-height:1;color:rgba(255,214,107,.095)}
.sakura-review-stars{letter-spacing:.12em;color:var(--v7-gold-hot)!important;text-shadow:0 0 14px rgba(255,178,31,.2)}
.sakura-faq-item{border:1px solid rgba(255,214,107,.18)!important;background:linear-gradient(145deg,rgba(28,12,18,.86),rgba(9,5,7,.94))!important;box-shadow:0 10px 28px rgba(0,0,0,.24)!important;transition:border-color .25s,transform .25s!important}
.sakura-faq-item:hover{transform:translateY(-2px);border-color:rgba(255,214,107,.42)!important}
.sakura-faq-item summary{padding:18px 20px!important;font-weight:780!important}
.sakura-faq-item[open]{border-color:rgba(255,214,107,.48)!important}

/* Provider, payment and footer */
.sakura-footer-main,.sakura-footer{position:relative}
.sakura-footer-main::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 0,rgba(255,190,44,.08),transparent 34%)}
.sakura-provider-logos{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
.sakura-provider-logo{
  min-height:78px!important;padding:12px 14px!important;
  border:1px solid rgba(255,214,107,.18)!important;
  background:linear-gradient(145deg,rgba(31,13,20,.92),rgba(9,5,7,.96))!important;
}
.sakura-provider-logo img{width:62px!important;min-width:62px!important;height:38px!important;filter:drop-shadow(0 6px 10px rgba(0,0,0,.35)) saturate(1.05)!important}
.sakura-provider-logo span{font-size:12.5px!important;line-height:1.3!important;color:#f7edf0!important}
.sakura-payment-method{background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important}
.sakura-contact-icon,.sakura-social-link{transition:transform .3s var(--v7-ease),box-shadow .3s,border-color .3s!important}
.sakura-contact-item:hover .sakura-contact-icon,.sakura-social-link:hover{transform:translateY(-3px) scale(1.04)!important;box-shadow:0 15px 30px rgba(236,25,56,.24),0 0 20px rgba(255,190,44,.1)!important;border-color:rgba(255,214,107,.52)!important}

/* Animated progress with restrained glow */
.sakura-progress-track>span,.sakura-service-track>span{
  position:relative;overflow:hidden;
  background:linear-gradient(90deg,#d70f2f,#ffb82c,#ffd66b)!important;
}
.sakura-progress-track>span::after,.sakura-service-track>span::after{
  content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-110%);animation:v7Progress 3.8s ease-in-out infinite;
}
@keyframes v7Progress{0%,42%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}

/* Reveal animation activated by JS */
.v7-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--v7-ease),transform .7s var(--v7-ease)}
.v7-reveal.v7-visible{opacity:1;transform:none}

@media(max-width:980px){
  .sakura-main-layout{gap:24px!important}
  h1{font-size:clamp(34px,7vw,52px)!important}
}
@media(max-width:680px){
  .sakura-hero-card{padding:7px!important;border-radius:22px!important}
  .sakura-hero-image-wrap{border-radius:16px!important}
  .sakura-section,.sakura-slider-shell,.sakura-growth-section,.sakura-trust-center{padding:22px 16px!important;border-radius:21px!important}
  .sakura-slider-track{gap:14px!important}
  .sakura-provider-logos{grid-template-columns:1fr 1fr!important}
  .sakura-provider-logo{min-height:70px!important;padding:9px!important;gap:7px!important}
  .sakura-provider-logo img{width:48px!important;min-width:48px!important;height:31px!important}
  .sakura-provider-logo span{font-size:11px!important}
  .sakura-section-head::after,.sakura-slider-header::after,.sakura-growth-head::after{width:44%}
}
@media(prefers-reduced-motion:reduce){
  .sakura-hero-card::after,.sakura-progress-track>span::after,.sakura-service-track>span::after{animation:none!important}
  .v7-reveal{opacity:1;transform:none;transition:none}
}