/* Minimal dark style */
* { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }

body{
  background:#0a0a0a;
  background-image:
    radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(255, 119, 198, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 40% 40%, rgba(120, 219, 255, 0.05) 0%, transparent 50%);
  min-height:100vh;
  padding-top:70px;
  color:#fff;
}

.glass-nav{
  background: rgba(10,10,10,0.9);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(255,255,255,0.06);
}

.glass-dropdown{
  background: rgba(10,10,10,0.95);
  border: 1px solid rgba(255,255,255,0.06);
}

.brand-logo{ display:flex; align-items:center; gap:10px; font-weight:600; }

.logo-icon{
  width:36px; height:36px; border-radius:10px;
  display:flex; align-items:center; justify-content:center;
  background: rgba(255,255,255,0.06);
}

.main-content{ padding: 20px 0 60px; min-height: calc(100vh - 147px);}

.modern-footer{
  border-top: 1px solid rgba(255,255,255,0.06);
  padding: 18px 0;
  background: rgba(10,10,10,0.65);
}

.glass-card{
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.07);
  backdrop-filter: blur(12px);
  border-radius: 16px;
  padding: 22px;
}

.form-modern{
  width:100%;
  background: rgba(255,255,255,0.04);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 12px;
  padding: 12px 12px;
  color: #fff;
}

.form-modern:focus{
  outline: none;
  border-color: rgba(255,255,255,0.25);
}

.btn-modern{
  background: rgba(255,255,255,0.10);
  border: 1px solid rgba(255,255,255,0.10);
  color:#fff;
  border-radius: 12px;
  padding: 12px 14px;
  transition: transform .12s ease, background .12s ease;
}

.btn-modern:hover{
  transform: translateY(-1px);
  background: rgba(255,255,255,0.16);
}
.navbar-brand, .nav-link{
  color: rgba(255,255,255,0.8) !important;
  transition: color .12s ease;
}
.nav-link{
  color: rgba(255,255,255,0.8) !important;
  transition: color .12s ease;
}

.navbar-toggler{
  color: rgba(255,255,255,0.8) !important;
}
@media screen and (max-width: 768px) {
   .px-4 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } 
}
