*{box-sizing:border-box}
body{margin:0;font-family:Arial;background:linear-gradient(135deg,#1d3557,#457b9d)}
.container{max-width:420px;margin:40px auto;background:#fff;padding:20px;border-radius:12px}
h1{text-align:center;color:#1d3557}
label{display:block;margin-top:12px}
input{width:100%;padding:10px;margin-top:5px;border-radius:6px;border:1px solid #ccc}
button{width:100%;padding:12px;margin-top:20px;background:#e63946;color:#fff;border:none;border-radius:6px;font-size:16px}
.datos{font-size:12px;color:#555;margin-top:15px}
.final{text-align:center;font-size:18px}
.link{display:block;text-align:center;margin-top:15px;color:#1d3557;text-decoration:none}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border:1px solid #ddd;padding:8px}
@media(max-width:480px){.container{margin:20px}}