:root{
  --primary:#16a34a;
  --secondary:#2563eb;
  --accent:#facc15;
  --dark:#020617;
  --white-soft:rgba(255,255,255,.86);
  --glass:rgba(255,255,255,.085);
  --line:rgba(255,255,255,.13);
}
body{
  background:
    radial-gradient(circle at top left,rgba(250,204,21,.12),transparent 28%),
    radial-gradient(circle at 90% 12%,rgba(37,99,235,.20),transparent 32%),
    radial-gradient(circle at 30% 85%,rgba(22,163,74,.16),transparent 32%),
    linear-gradient(135deg,#020617,#081827 42%,#041711);
}
.navbar{
  background:linear-gradient(135deg,rgba(2,6,23,.84),rgba(8,24,39,.82))!important;
  box-shadow:0 12px 40px rgba(0,0,0,.22);
}
.menu a:before{
  content:"◆";
  font-size:9px;
  color:var(--accent);
  margin-right:6px;
}
.brand{
  padding:10px 14px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.1);
}
.visual-section{
  position:relative;
  overflow:hidden;
}
.visual-section:before{
  content:"";
  position:absolute;
  inset:0;
  background:var(--section-bg, none);
  background-size:cover;
  background-position:center;
  opacity:.28;
  z-index:0;
}
.visual-section:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg,rgba(2,6,23,var(--overlay,.72)),rgba(2,6,23,.45)),
    radial-gradient(circle at 20% 15%,rgba(250,204,21,.12),transparent 26%);
  z-index:1;
}
.visual-section .container{
  position:relative;
  z-index:2;
}
.section-glass-card{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 30px 90px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(18px);
}
.section-image{
  min-height:330px;
  border-radius:30px;
  background:
    linear-gradient(135deg,rgba(250,204,21,.22),rgba(37,99,235,.22)),
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.20),transparent 30%);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 25px 70px rgba(0,0,0,.28);
  overflow:hidden;
  display:grid;
  place-items:center;
  color:#fde68a;
  font-size:48px;
  font-weight:900;
}
.section-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.section-content h2{
  font-size:40px;
  margin:8px 0 14px;
  letter-spacing:-1px;
}
.section-icon{
  width:54px;
  height:54px;
  display:grid;
  place-items:center;
  border-radius:20px;
  background:linear-gradient(135deg,var(--accent),#d97706);
  color:#1f1300;
  font-size:26px;
  box-shadow:0 15px 40px rgba(250,204,21,.18);
}
.section-style-gold .section-glass-card{
  background:linear-gradient(145deg,rgba(250,204,21,.16),rgba(255,255,255,.045));
}
.section-style-blue .section-glass-card{
  background:linear-gradient(145deg,rgba(37,99,235,.18),rgba(255,255,255,.045));
}
.section-style-green .section-glass-card{
  background:linear-gradient(145deg,rgba(22,163,74,.18),rgba(255,255,255,.045));
}
.section-style-dark .section-glass-card{
  background:linear-gradient(145deg,rgba(15,23,42,.82),rgba(255,255,255,.035));
}
.admin-sidebar a:before,.side-menu a:before{
  content:"";
}
.menu-group-title{
  letter-spacing:.2px;
}
.menu-group-title span:first-child:before{
  content:"▣ ";
  color:var(--accent);
}
.g-btn,.btn{
  box-shadow:0 14px 34px rgba(22,163,74,.18);
}
.g-card,.lux-card,.admin-panel-card,.metric-v2,.dash-main-card,.dash-side-card{
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 75px rgba(0,0,0,.30)!important;
}
.upload-preview{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.06);
  padding:12px;
  margin:8px 0 14px;
}
.upload-preview img{
  max-width:220px;
  max-height:140px;
  border-radius:14px;
  object-fit:cover;
}
@media(max-width:900px){
  .section-glass-card{grid-template-columns:1fr;padding:22px;border-radius:26px}
  .section-image{min-height:210px;font-size:36px}
  .section-content h2{font-size:30px}
}


/* ULTRA FRONT-END REFINEMENT */
.hero{
  border-bottom:1px solid rgba(255,255,255,.10);
}
.hero:after{
  content:"";
  position:absolute;
  left:5%;
  right:5%;
  bottom:24px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(250,204,21,.45),transparent);
}
.section{
  position:relative;
}
.section-title{
  padding:20px;
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.09);
  backdrop-filter:blur(14px);
}
.section-glass-card:hover,
.card:hover,
.news-card:hover{
  border-color:rgba(250,204,21,.30)!important;
}
.section-content{
  position:relative;
}
.section-content:before{
  content:"";
  width:76px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--accent),var(--primary));
  display:block;
  margin-bottom:16px;
}
.menu a{
  border:1px solid transparent;
}
.menu a:hover{
  border-color:rgba(250,204,21,.25);
  box-shadow:0 12px 30px rgba(0,0,0,.22);
}
.mobile-drawer{
  background:
    radial-gradient(circle at 20% 0%,rgba(250,204,21,.12),transparent 35%),
    rgba(2,6,23,.97)!important;
}
.bank-bottom{
  overflow:hidden;
}
.bank-bottom:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(250,204,21,.06),rgba(37,99,235,.06),rgba(22,163,74,.06));
  pointer-events:none;
}