.home-premium{
  padding:26px 0 60px;
}

.premium-card{
  position:relative;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)),
    linear-gradient(180deg, rgba(10,19,34,.94), rgba(8,14,26,.96));
  border:1px solid rgba(110,158,255,.18);
  border-radius:22px;
  box-shadow:0 20px 60px rgba(0,0,0,.42);
  overflow:hidden;
}

.premium-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,.05), transparent 25%);
  pointer-events:none;
}

.hero-premium{
  padding:14px 0 10px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.18fr .92fr;
  gap:22px;
  align-items:stretch;
}

.hero-copy{
  padding:36px;
}

.hero-chip,
.section-chip,
.package-badge,
.package-tier,
.news-category{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 12px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
  letter-spacing:.04em;
}

.hero-chip,
.section-chip{
  color:#dce8ff;
  border:1px solid rgba(214,179,106,.22);
  background:linear-gradient(180deg, rgba(214,179,106,.10), rgba(59,130,246,.08));
}

.hero-copy h1{
  margin:18px 0 16px;
  font-size:clamp(34px, 4.2vw, 58px);
  line-height:1.05;
  letter-spacing:-.03em;
}

.hero-desc{
  margin:0;
  color:#9eadcc;
  font-size:17px;
  line-height:1.85;
  max-width:760px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:30px 0 28px;
}

.btn-primary-premium,
.btn-secondary-premium{
  min-height:48px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:14px;
  font-weight:700;
  transition:.22s ease;
  text-decoration:none;
}

.btn-primary-premium:hover,
.btn-secondary-premium:hover{
  transform:translateY(-1px);
}

.btn-primary-premium{
  color:#fff;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  box-shadow:0 12px 28px rgba(37,99,235,.28);
}

.btn-secondary-premium{
  color:#eaf1ff;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.09);
}

.btn-block{
  width:100%;
}

.hero-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.point-box{
  padding:16px;
  border-radius:18px;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(255,255,255,.06);
}

.point-box span{
  display:block;
  color:#aebce0;
  font-size:13px;
  margin-bottom:8px;
}

.point-box strong{
  display:block;
  font-size:15px;
  line-height:1.55;
}

.hero-visual{
  padding:26px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.hero-logo-wrap{
  position:relative;
  min-height:360px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:
    radial-gradient(circle at center, rgba(59,130,246,.18), transparent 36%),
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  overflow:hidden;
}

.hero-logo-wrap img{
  position:relative;
  z-index:2;
  width:min(78%, 360px);
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.45));
}

.glow{
  position:absolute;
  border-radius:999px;
  filter:blur(14px);
}

.glow-1{
  width:220px;
  height:220px;
  background:rgba(59,130,246,.24);
  top:14%;
  left:12%;
}

.glow-2{
  width:170px;
  height:170px;
  background:rgba(214,179,106,.10);
  bottom:10%;
  right:14%;
}

.hero-side-text{
  margin:18px 0 0;
  color:#9eadcc;
  line-height:1.8;
  font-size:15px;
}

.market-live,
.packages-spotlight,
.news-spotlight,
.reviews-premium{
  padding:36px 0 6px;
}

.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.section-head h2{
  margin:8px 0 0;
  font-size:32px;
  letter-spacing:-.02em;
}

.section-desc{
  margin:8px 0 0;
  color:#9eadcc;
  line-height:1.8;
}

.section-link{
  color:#dce8ff;
  font-weight:700;
  text-decoration:none;
}

.tv-card{
  padding:14px;
}

.tradingview-widget-container,
#tradingview_home_widget{
  width:100%;
  min-height:520px;
  border-radius:18px;
  overflow:hidden;
}

.package-slider,
.news-slider,
.review-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.package-card,
.news-card,
.review-card{
  padding:24px;
}

.package-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:14px;
}

.package-badge{
  color:#fff;
  background:linear-gradient(90deg,#f59e0b,#f97316);
}

.package-tier{
  color:#dbe7ff;
  border:1px solid rgba(96,165,250,.18);
  background:rgba(59,130,246,.08);
}

.package-card h3,
.news-card h3{
  margin:0 0 14px;
  font-size:28px;
  letter-spacing:-.02em;
}

.package-price{
  font-size:48px;
  font-weight:800;
  line-height:1;
}

.package-price-sub{
  margin-top:8px;
  color:#9eadcc;
  font-size:14px;
}

.package-list{
  list-style:none;
  padding:0;
  margin:22px 0 26px;
}

.package-list li{
  position:relative;
  padding-left:18px;
  margin-bottom:10px;
  line-height:1.7;
  color:#e8efff;
}

.package-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:11px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg,#d6b36a,#60a5fa);
}

.news-card{
  display:flex;
  flex-direction:column;
  padding:0;
  overflow:hidden;
}

.news-image-wrap{
  height:220px;
  background:#081120;
  overflow:hidden;
}

.news-image-wrap img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.news-content{
  padding:22px;
  display:flex;
  flex-direction:column;
  flex:1;
}

.news-category{
  width:max-content;
  color:#dce8ff;
  border:1px solid rgba(96,165,250,.18);
  background:rgba(59,130,246,.08);
  margin-bottom:14px;
}

.news-card h3{
  font-size:22px;
  line-height:1.35;
}

.news-card p{
  margin:0;
  color:#9eadcc;
  line-height:1.8;
  flex:1;
}

.news-link{
  margin-top:18px;
  color:#dce8ff;
  font-weight:700;
  text-decoration:none;
}

.review-card{
  min-height:220px;
}

.review-stars{
  color:#fbbf24;
  font-size:22px;
  letter-spacing:2px;
}

.review-text{
  margin:16px 0 18px;
  color:#eaf1ff;
  line-height:1.9;
  font-size:16px;
}

.review-name{
  color:#9eadcc;
  font-weight:700;
}

.ai-chat-float{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:9999;
}

.ai-chat-toggle{
  width:64px;
  height:64px;
  border:none;
  border-radius:50%;
  color:#fff;
  font-weight:800;
  font-size:18px;
  cursor:pointer;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  box-shadow:0 18px 38px rgba(37,99,235,.35);
}

.ai-chat-box{
  position:absolute;
  right:0;
  bottom:78px;
  width:360px;
  background:linear-gradient(180deg, rgba(10,19,34,.98), rgba(8,14,26,.98));
  border:1px solid rgba(110,158,255,.18);
  border-radius:20px;
  box-shadow:0 20px 60px rgba(0,0,0,.45);
  overflow:hidden;
  display:none;
}

.ai-chat-box.open{
  display:block;
}

.ai-chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid rgba(255,255,255,.06);
}

.ai-chat-header button{
  background:transparent;
  border:none;
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

.ai-chat-messages{
  height:280px;
  overflow-y:auto;
  padding:14px;
  background:#091321;
}

.ai-msg{
  margin-bottom:10px;
  padding:10px 12px;
  border-radius:14px;
  line-height:1.6;
}

.ai-msg-bot{
  background:rgba(255,255,255,.06);
  color:#e8efff;
}

.ai-msg-user{
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  color:#fff;
  margin-left:40px;
}

.ai-chat-form{
  display:flex;
  gap:8px;
  padding:12px;
  border-top:1px solid rgba(255,255,255,.06);
}

.ai-chat-form input{
  flex:1;
  min-height:42px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:#091321;
  color:#fff;
  padding:0 12px;
}

.ai-chat-form button{
  min-width:72px;
  border:none;
  border-radius:12px;
  color:#fff;
  font-weight:700;
  background:linear-gradient(90deg,#2563eb,#60a5fa);
  cursor:pointer;
}

@media (max-width:1180px){
  .hero-grid,
  .package-slider,
  .news-slider,
  .review-grid{
    grid-template-columns:1fr;
  }

  .hero-points{
    grid-template-columns:1fr;
  }
}

@media (max-width:740px){
  .hero-copy,
  .hero-visual,
  .package-card,
  .review-card{
    padding:18px;
  }

  .hero-copy h1{
    font-size:30px;
    line-height:1.15;
  }

  .hero-desc{
    font-size:15px;
  }

  .section-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .section-head h2{
    font-size:24px;
  }

  .package-price{
    font-size:38px;
  }

  .hero-logo-wrap{
    min-height:240px;
  }

  .news-content{
    padding:18px;
  }

  .ai-chat-box{
    width:min(360px, calc(100vw - 24px));
  }
}

.tv-card{
  padding:18px;
}

.tv-frame{
  width:100%;
  min-height:640px;
  border-radius:18px;
  overflow:hidden;
  background:#08111f;
}

#tradingview_home_widget{
  width:100%;
  height:640px !important;
  min-height:640px;
}

.animated-hero-wrap{
  animation: floatWrap 4.8s ease-in-out infinite;
}

.animated-hero-logo{
  animation: pulseLogo 3.8s ease-in-out infinite;
  transform-origin:center;
}

@keyframes floatWrap{
  0%{ transform:translateY(0px); }
  50%{ transform:translateY(-10px); }
  100%{ transform:translateY(0px); }
}

@keyframes pulseLogo{
  0%{ transform:scale(1); }
  50%{ transform:scale(1.035); }
  100%{ transform:scale(1); }
}

@media (max-width:740px){
  .tv-frame,
  #tradingview_home_widget{
    min-height:420px;
    height:420px !important;
  }
}

/* ===== 2026-04-21 premium package + localized news overrides ===== */
.package-card{
  position:relative;
  isolation:isolate;
  min-height:100%;
  border:1px solid rgba(214,179,106,.16);
  background:
    radial-gradient(circle at top right, rgba(214,179,106,.14), transparent 26%),
    radial-gradient(circle at bottom left, rgba(96,165,250,.16), transparent 32%),
    linear-gradient(180deg, rgba(14,24,42,.96), rgba(8,14,26,.98));
  box-shadow:0 26px 70px rgba(0,0,0,.44);
}

.package-card:hover{
  transform:translateY(-4px);
  transition:.25s ease;
  border-color:rgba(214,179,106,.28);
}

.package-shine{
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 22%, transparent 42%);
  pointer-events:none;
  opacity:.8;
}

.package-top{
  position:relative;
  z-index:1;
}

.package-card h3{
  position:relative;
  z-index:1;
  margin-bottom:10px;
  font-size:30px;
}

.package-summary{
  position:relative;
  z-index:1;
  margin:0 0 18px;
  color:#bfd0ef;
  line-height:1.8;
  min-height:58px;
}

.package-price-row{
  position:relative;
  z-index:1;
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:12px;
}

.package-days{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  color:#f5e8c7;
  font-size:13px;
  font-weight:700;
  white-space:nowrap;
}

.package-price{
  background:linear-gradient(90deg,#fff,#f5d68f 45%,#9bc6ff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
}

.package-price-sub{
  position:relative;
  z-index:1;
  margin-top:10px;
  color:#98abcf;
  font-size:14px;
}

.package-list{
  position:relative;
  z-index:1;
  margin:20px 0 18px;
}

.package-list li{
  color:#edf3ff;
}

.package-bottom{
  position:relative;
  z-index:1;
  margin-top:auto;
}

.package-note{
  margin-bottom:14px;
  color:#aebfe0;
  font-size:14px;
  line-height:1.7;
}

.news-card h3{
  min-height:60px;
}

.news-card p{
  min-height:76px;
}

@media (max-width:740px){
  .package-summary,
  .news-card h3,
  .news-card p{
    min-height:auto;
  }

  .package-price-row{
    flex-direction:column;
    align-items:flex-start;
  }
}