:root{
  --rosa:#E6236E;
  --rosa-claro:#FFA4C6;
  --rosa-oscuro:#7A1236;
}

*{
  box-sizing:border-box;
}

body{
  margin:0;
  font-family: Arial, sans-serif;
  background: linear-gradient(180deg,var(--rosa),var(--rosa-claro));
  min-height:100vh;
  color:white;
}

.container{
  max-width:600px;
  margin:auto;
  padding:20px;
}

.card{
  background:rgba(255,255,255,.15);
  backdrop-filter: blur(10px);
  border-radius:20px;
  padding:25px;
}

h1{
  text-align:center;
  font-size:2.2em;
  margin-bottom:5px;
}

.info{
  text-align:center;
  margin-bottom:20px;
}

label{
  font-weight:bold;
}

input{
  width:100%;
  padding:12px;
  border-radius:12px;
  border:none;
  margin-top:5px;
  margin-bottom:15px;
}

button{
  width:100%;
  padding:15px;
  border:none;
  border-radius:40px;
  background:linear-gradient(90deg,var(--rosa),var(--rosa-claro));
  color:white;
  font-size:1.1em;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 6px 15px rgba(0,0,0,.3);
}

button:hover{
  transform:scale(1.03);
}

/* ADMIN */
table{
  width:100%;
  border-collapse:collapse;
  background:white;
  color:#333;
  border-radius:15px;
  overflow:hidden;
}

th{
  background:var(--rosa);
  color:white;
  padding:10px;
}

td{
  padding:8px;
  border-bottom:1px solid #eee;
}

/* 📱 CELULAR */
@media(max-width:480px){
  h1{font-size:1.8em;}
  .card{padding:18px;}
}