html, body{
  height:100%;
}

body{
  background: linear-gradient(135deg,#1e293b,#0f172a);
  min-height:100vh;
  display:flex;
  flex-direction:column;
  font-family: 'Segoe UI', sans-serif;
}

/* Zone principale centrée */
.main-content{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px 15px;
}

/* Cartes */
.portal-card{
  transition: all .3s ease;
  border-radius:20px;
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,0.05);
  border:2px solid rgba(255,255,255,0.1);
  color:#fff;
}

.portal-card:hover{
  transform: translateY(-8px);
  box-shadow: 0 20px 40px rgba(0,0,0,0.5);
  background: rgba(255,255,255,0.08);
}

.portal-icon{
  font-size:60px;
  margin-bottom:15px;
}

.knacces{
  border-top:5px solid #00c6ff;
}

.knsolve{
  border-top:5px solid #00ffae;
}

/* Footer propre */
.footer{
  color:#94a3b8;
  font-size:14px;
  padding:15px 0;
}