*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:'Segoe UI',sans-serif;
}

body{
  min-height:100vh;
  background:#0b0026; /* Dominant dark-clear color */
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  padding:10px;
}

.card{
  width:100%;
  max-width:800px;
  background:rgba(255,255,255,0.1); /* clear dominant card */
  backdrop-filter:blur(20px);
  padding:30px;
  border-radius:18px;
  box-shadow:0 0 40px rgba(0,255,255,.4);
  text-align:center;
  animation:fade 1s ease;
  overflow-x:auto;
}

@keyframes fade{
  from{opacity:0;transform:translateY(30px)}
  to{opacity:1;transform:translateY(0)}
}

h1,h2{
  font-size:20px;
  margin-bottom:5px;
  line-height:1.4;
  color:#fff;
}

h2{
  font-size:18px;
  background:linear-gradient(90deg,#00f0ff,#c77dff);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
}

p.subheading{
  font-size:14px;
  margin-bottom:20px;
  color:#cfd8dc;
}

input,textarea,button{
  width:100%;
  padding:12px;
  margin:10px 0;
  border:none;
  border-radius:8px;
  font-size:16px;
}

button{
  background:linear-gradient(90deg,#00f0ff,#c77dff);
  font-weight:bold;
  cursor:pointer;
  transition:0.3s;
}
button:hover{
  transform:scale(1.05);
}

table{
  width:100%;
  border-collapse:collapse;
  margin-top:20px;
  color:#fff;
  min-width:600px;
}
th,td{
  padding:12px;
  border-bottom:1px solid #00f0ff66;
  text-align:left;
  word-wrap:break-word;
}
th{
  background:rgba(0,255,255,0.2);
}
a.download{
  color:#fff;
  background:linear-gradient(90deg,#00f0ff,#c77dff);
  padding:6px 12px;
  border-radius:6px;
  text-decoration:none;
  font-size:14px;
}
.logout{
  float:right;
  color:#fff;
  background:red;
  padding:6px 12px;
  border-radius:6px;
  text-decoration:none;
  font-size:14px;
}

/* Responsive */
@media(max-width:768px){
  .card{
    padding:20px;
  }
  input,textarea,button{
    font-size:14px;
    padding:10px;
  }
  table{
    font-size:12px;
    min-width:100%;
  }
  a.download,.logout{
    font-size:12px;
    padding:4px 8px;
  }
}