@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root{
  --premium-bg:#07111f;
  --premium-surface:#0f1b31;
  --premium-surface-2:#132440;
  --premium-card:rgba(15,27,49,.82);
  --premium-stroke:rgba(255,255,255,.08);
  --premium-text:#edf3ff;
  --premium-muted:#9db0d1;
  --premium-success:#38d39f;
  --premium-warning:#ffcc66;
  --premium-shadow:0 18px 60px rgba(0,0,0,.28);
}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',sans-serif!important;
  color:var(--premium-text);
  background:
    radial-gradient(circle at top left, rgba(51,120,255,.18), transparent 28%),
    radial-gradient(circle at top right, rgba(0,217,255,.12), transparent 22%),
    linear-gradient(180deg,#07111f 0%,#0a1628 55%,#0d1b31 100%)!important;
}
.wrapper,.content-page{background:transparent}
.iq-sidebar,.iq-top-navbar,.iq-footer,.card,.dropdown-menu,.iq-sub-dropdown .card,
.table thead th,.modal-content,.iq-card,.basic-drop-shadow,.shadow-showcase{
  border:1px solid var(--premium-stroke)!important;
  box-shadow:var(--premium-shadow)!important;
}
.iq-sidebar{
  backdrop-filter: blur(20px);
  background:linear-gradient(180deg, rgba(8,16,32,.95), rgba(18,33,61,.92))!important;
}
.iq-top-navbar{
  background:rgba(8,16,32,.78)!important;
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--premium-stroke);
}
.content-page{padding-bottom:96px}
.card,.modal-content,.iq-card,.basic-drop-shadow,.shadow-showcase,.dropdown-menu,.iq-sub-dropdown .card{
  background:var(--premium-card)!important;
  backdrop-filter:blur(16px);
  border-radius:22px!important;
}
.card-header,.card-footer{background:transparent!important;border-color:rgba(255,255,255,.06)!important}
.card-title,.text-dark,h1,h2,h3,h4,h5,h6,label,.header-title{color:var(--premium-text)!important}
p,.text-muted,.small,.table td,.table th,.iq-sidebar-menu .side-menu li a span{color:#dbe7ff}
.table td,.table th{border-color:rgba(255,255,255,.06)!important}
.table-striped tbody tr:nth-of-type(odd){background:rgba(255,255,255,.02)}
.btn{
  border-radius:14px!important;
  font-weight:700!important;
  border:none!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18);
}
.btn-primary,.bg-primary,.badge-primary{
  background:linear-gradient(135deg,var(--blue),#00a3ff)!important;
  color:#fff!important;
}
.btn-secondary{background:rgba(255,255,255,.08)!important;color:#fff!important}
.btn-outline-info,.btn-outline-success,.btn-outline-danger,.btn-outline-warning{
  border:1px solid rgba(255,255,255,.12)!important;
  color:#fff!important;
  background:rgba(255,255,255,.03)!important;
}
.form-control,.custom-select,.input-group-text,textarea{
  background:rgba(255,255,255,.04)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#fff!important;
  border-radius:14px!important;
}
.form-control::placeholder,textarea::placeholder{color:#92a3bf!important}
.alert{
  border-radius:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.05)!important;
  color:#fff!important;
}
.nav-link{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border:1px solid rgba(255,255,255,.05)!important;
  min-height:54px;
  padding:14px 18px!important;
}
.nav-pills .nav-link.active,.nav-pills .show>.nav-link{
  background:linear-gradient(135deg,var(--blue),#00a3ff)!important;
}
.badge,.badge2{border-radius:999px!important}

.home-hero{
  position:relative;
  overflow:hidden;
  padding:28px;
  border-radius:28px;
  background:
    linear-gradient(145deg, rgba(24,46,87,.95), rgba(10,21,40,.92)),
    linear-gradient(135deg, var(--blue), #00a3ff);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 24px 70px rgba(2,12,27,.45);
}
.home-hero:before,
.home-hero:after{
  content:"";
  position:absolute;
  border-radius:999px;
  filter:blur(8px);
}
.home-hero:before{width:220px;height:220px;right:-60px;top:-90px;background:rgba(0,217,255,.16)}
.home-hero:after{width:180px;height:180px;left:-60px;bottom:-80px;background:rgba(120,90,255,.18)}
.home-hero > *{position:relative;z-index:1}
.home-kicker{
  display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:700;
}
.home-title{font-size:clamp(28px,5vw,44px);font-weight:800;line-height:1.06;margin:16px 0 12px}
.home-desc{font-size:15px;max-width:640px;color:#d6e4ff}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.hero-stat{
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;padding:16px 14px;
}
.hero-stat .num{display:block;font-size:28px;font-weight:800;color:#fff}
.hero-stat .label{display:block;font-size:12px;letter-spacing:.04em;color:#bdd0f5;text-transform:uppercase}
.section-shell{margin-top:22px}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-title h4{margin:0;font-size:18px;font-weight:800}
.quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.quick-card,.download-card,.notice-card,.premium-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  padding:18px;
  box-shadow:var(--premium-shadow);
}
.quick-card a,.download-card a{color:#fff;text-decoration:none}
.quick-card .icon,
.download-card .icon{
  width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--blue),#00d9ff);font-size:20px;margin-bottom:14px;color:#fff;
}
.quick-card h5,.download-card h5{font-size:16px;font-weight:800;margin-bottom:6px;color:#fff}
.quick-card p,.download-card p{font-size:13px;color:#aec1e6;margin-bottom:0}
.download-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.home-anchor-nav{
  position:sticky;top:76px;z-index:8;display:flex;gap:10px;overflow:auto;padding-bottom:4px;margin:18px 0 6px;
}
.home-anchor-nav a{
  white-space:nowrap;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.06);color:#fff;
  border:1px solid rgba(255,255,255,.08);font-size:13px;font-weight:700;text-decoration:none;
}
.notice-card{padding:0;overflow:hidden}
.notice-card .notice-head{padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;align-items:center}
.notice-card .notice-body{padding:18px;color:#dfe9ff}
.mobile-dock{
  position:fixed;left:12px;right:12px;bottom:12px;display:none;grid-template-columns:repeat(4,1fr);gap:8px;
  padding:10px;border-radius:22px;background:rgba(8,16,32,.88);backdrop-filter:blur(16px);z-index:50;
  border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 48px rgba(0,0,0,.35);
}
.mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 6px;color:#fff;font-size:11px;font-weight:700;text-decoration:none;border-radius:14px;background:rgba(255,255,255,.03)}
.mobile-dock i{font-size:16px}
.shop-shell .card,.shop-shell .basic-drop-shadow{height:100%}
.home-table-shell .card-body{padding:0}
.iq-footer{background:transparent;border-top:1px solid rgba(255,255,255,.08);color:#d6e3ff}
.iq-footer a{color:#fff}

@media (max-width: 991px){
  .quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .download-grid{grid-template-columns:1fr}
  .hero-stats{grid-template-columns:1fr}
  .home-anchor-nav{top:68px}
}
@media (max-width: 767px){
  .content-page>.container-fluid{padding-left:10px!important;padding-right:10px!important}
  .home-hero{padding:22px 18px;border-radius:24px}
  .home-title{font-size:30px}
  .quick-grid{grid-template-columns:1fr 1fr;gap:10px}
  .hero-actions .btn{width:100%;justify-content:center}
  .table-responsive{border-radius:18px}
  .card,.premium-panel{border-radius:20px!important}
  .mobile-dock{display:grid}
  .wrapper .content-page{padding-bottom:120px}
  .iq-footer{padding-bottom:92px}
}
@media (max-width: 480px){
  .quick-grid{grid-template-columns:1fr}
  .home-anchor-nav a{padding:10px 14px}
}