:root{
  --portal-primary:#0d6efd;
  --portal-dark:#0f172a;
  --portal-soft:#eef6ff;
}
body{
  background:#f4f8ff;
  color:#172033;
}
.portal-nav{
  background:linear-gradient(135deg,#0d6efd,#0f172a);
}
.portal-card{
  border:0;
  border-radius:22px;
  box-shadow:0 16px 45px rgba(13,110,253,.10);
}
.module-card{
  border:0;
  border-radius:22px;
  box-shadow:0 14px 35px rgba(13,110,253,.08);
  transition:.2s ease;
  overflow:hidden;
}
.module-card:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 45px rgba(13,110,253,.14);
}
.module-icon{
  width:52px;
  height:52px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:16px;
  background:linear-gradient(135deg,#0d6efd,#0f172a);
  color:#fff;
}
.login-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}
.login-box{
  width:100%;
  max-width:420px;
}
.badge-soft{
  background:#eef6ff;
  color:#0d6efd;
}