:root{
  --navy-1:#081426;
  --navy-2:#0c1e39;
  --navy-3:#122a4d;
  --navy-4:#173766;
  --cyan-soft:#60d0ff;
  --line:rgba(255,255,255,.08);
  --text-soft:#b5c5e1;
  --panel:rgba(12,30,57,.78);
  --panel-2:rgba(18,42,77,.92);
}
body{
  background: radial-gradient(circle at top right, rgba(56,109,214,.25), transparent 25%), linear-gradient(135deg,var(--navy-1),var(--navy-2) 35%,var(--navy-3) 70%,#0a1730 100%);
  color:#eef4ff;
  min-height:100vh;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
a{ color:#8ad7ff; }
a:hover{ color:#b7e9ff; }
.text-soft{ color:var(--text-soft)!important; }
.bg-panel{
  background:var(--panel);
  border:1px solid var(--line);
  backdrop-filter: blur(14px);
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.bg-panel-2{
  background:var(--panel-2);
  border:1px solid var(--line);
}
.hero-card,.app-card,.slide-card,.admin-card{
  border-radius:24px;
  overflow:hidden;
}
.navbar.metepol-nav{
  background:rgba(5,16,33,.75)!important;
  border-bottom:1px solid rgba(255,255,255,.08);
  backdrop-filter:blur(12px);
}
.brand-dot{
  width:10px; height:10px; border-radius:50%;
  background:linear-gradient(135deg,#66d6ff,#2a7fff);
  display:inline-block; margin-right:.6rem;
  box-shadow:0 0 18px rgba(96,208,255,.75);
}
.btn-primary{
  border:none;
  background:linear-gradient(135deg,#2f7dff,#5cc8ff);
  box-shadow:0 10px 24px rgba(60,141,255,.25);
}
.btn-outline-light{ border-color:rgba(255,255,255,.2); }
.btn-outline-light:hover{ color:#081426; }
.form-control,.form-select, .note-editor.note-frame, .note-toolbar{
  border-color:rgba(255,255,255,.12)!important;
}
.form-control,.form-select, .note-editor.note-frame{
  background:rgba(255,255,255,.04)!important;
  color:#fff!important;
}
.form-control:focus,.form-select:focus{
  background:rgba(255,255,255,.06)!important;
  color:#fff!important;
  border-color:#5cc8ff!important;
  box-shadow:0 0 0 .25rem rgba(92,200,255,.15)!important;
}
.note-editable{ background:#fff; color:#0e1d33; min-height:260px; }
.table-dark-custom{
  --bs-table-bg: transparent;
  --bs-table-color:#edf5ff;
  --bs-table-border-color:rgba(255,255,255,.08);
}
.progress{
  background:rgba(255,255,255,.08);
  height:12px;
  border-radius:999px;
}
.progress-bar{
  background:linear-gradient(90deg,#46b8ff,#2f7dff);
}
.hero-glow{
  position:absolute; inset:auto -60px -60px auto; width:180px; height:180px;
  background:radial-gradient(circle, rgba(103,215,255,.4), transparent 60%);
  filter:blur(10px);
}
.stat-chip{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.65rem .95rem; border-radius:999px;
  background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08);
  color:#dceaff; font-size:.92rem;
}
.slide-image{
  width:100%; height:300px; object-fit:cover; border-radius:20px; border:1px solid rgba(255,255,255,.1);
}
.admin-sidebar{
  min-height:calc(100vh - 90px);
  border-radius:28px;
}
.admin-sidebar .nav-link{
  color:#dbe8ff; border-radius:16px; padding:.85rem 1rem;
}
.admin-sidebar .nav-link.active,
.admin-sidebar .nav-link:hover{
  background:rgba(255,255,255,.08);
  color:#fff;
}
.login-wrap{ min-height:100vh; display:flex; align-items:center; justify-content:center; }
.countdown-badge{
  display:inline-flex; align-items:center; gap:.55rem; padding:.7rem 1rem;
  border-radius:14px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.1);
}
.footer-mini{ color:#9fb3d6; font-size:.92rem; }
.card-title{ letter-spacing:-.02em; }
@media (max-width: 991.98px){
  .slide-image{ height:220px; }
  .admin-sidebar{ min-height:auto; }
}