*{margin:0;padding:0;box-sizing:border-box}body{display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(/build/assets/fondo1-D0ByiW9m.jpg);background-repeat:no-repeat;background-position:center;background-size:cover;font-family:Poppins,sans-serif}.container{width:90%;max-width:400px;min-height:550px;background:#0009;border-radius:15px;padding:2.5rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.1)}h2{color:#fff;font-size:1.8rem;margin-bottom:25px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.inputbox{position:relative;margin:20px 0;border-bottom:2px solid rgba(255,255,255,.3)}.inputbox label{position:absolute;top:50%;left:10px;transform:translateY(-50%);color:#ffffffb3;font-size:1rem;transition:.5s;pointer-events:none}.inputbox input{width:100%;height:50px;background:#0006;border:none;outline:none;font-size:1rem;padding:0 10px;color:#fff;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.inputbox input:focus~label,.inputbox input:valid~label{top:-5px;font-size:.85rem;color:#fff}button{width:100%;height:50px;border-radius:25px;background-color:#3a0519;border:none;outline:none;cursor:pointer;font-size:1rem;font-weight:600;transition:.4s;margin-top:10px;color:#fff}button:hover{background-color:#5a0d2b;transform:translateY(-2px)}.login{font-size:.9rem;color:#fffc;margin-top:20px}.login a{text-decoration:none;color:#fff;font-weight:600;transition:.3s}.login a:hover{color:#ccc;text-decoration:underline}
