@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background:linear-gradient(135deg,#0f172a,#1e3a8a);min-height:100vh;color:#fff}nav{display:flex;justify-content:space-between;align-items:center;padding:15px 40px;background:#0f172ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.05)}nav .links{display:flex;gap:25px}nav a{text-decoration:none;color:#cbd5f5;font-weight:500;transition:.3s}nav a:hover{color:#60a5fa}nav button{background:linear-gradient(90deg,#38bdf8,#6366f1);border:none;padding:8px 20px;border-radius:25px;color:#fff;cursor:pointer;font-weight:500}.container{display:flex;justify-content:center;align-items:flex-start;padding:50px 30px;gap:30px;flex-wrap:wrap}.card{background:#0f172aa6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);padding:30px;border-radius:20px;width:360px;display:flex;flex-direction:column;gap:15px;box-shadow:0 15px 40px #0006;transition:.3s}.card:hover{transform:translateY(-5px)}.card h2{text-align:center;font-weight:600;margin-bottom:10px}input{padding:12px 14px;border-radius:12px;border:none;outline:none;background:#020617;color:#fff;font-size:14px;transition:.2s}input:focus{border:1px solid #6366f1}button{padding:12px;border-radius:12px;border:none;background:linear-gradient(90deg,#38bdf8,#6366f1);color:#fff;font-weight:600;cursor:pointer;transition:.3s}button:hover{transform:scale(1.05);opacity:.9}ul{list-style:none;margin-top:10px}ul li{background:#020617d9;padding:12px;border-radius:12px;margin-top:8px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.mensaje{text-align:center;font-size:13px;color:#38bdf8}@media(max-width:768px){.container{padding:30px 15px}.card{width:100%;max-width:400px}nav{flex-direction:column;gap:10px}}