main#login-body{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#000}div#login-container{display:flex;flex-direction:column;align-items:center;gap:.1rem}input.login-input{padding:.5rem;border-radius:.5rem;background-color:#ffb3c1;border:none;width:200px}input.login-input::placeholder{color:#000;opacity:.7}input.login-input:focus{box-shadow:inset 0 0 0 2px #ff758f;outline:none}button#login-button{width:100%;padding:.5rem 1rem;margin-top:.25rem;border-radius:.5rem;border:none;background-color:#ff4d6d;color:#fff;cursor:pointer}p#login-error{font-family:Courier New,Courier,monospace;color:red;margin-top:.5rem}.shaking{animation:shaking .5s}@keyframes shaking{0%{transform:translate(0) rotate(0)}25%{transform:translate(-5px) rotate(-1deg)}50%{transform:translate(5px) rotate(1deg)}75%{transform:translate(-5px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.heart-container{position:relative;width:100vw;height:100vh;overflow:hidden}.heart-wrapper{position:absolute;width:80px;height:80px;transform:translate(-50%,-50%);transition:all .6s cubic-bezier(.175,.885,.32,1.275);z-index:1}.heart-wrapper.deployed{width:550px;height:550px;z-index:100}.heart-wrapper.hided{opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.5)}.heart-wrapper.already-deployed{opacity:.5}.heart-shape{width:100%;height:100%;background-color:#ff758f;cursor:pointer;display:flex;align-items:center;justify-content:center;clip-path:shape(from 50% 91%,line to 90% 50%,arc to 50% 9% of 1%,arc to 10% 50% of 1%)}.content{width:96%;height:96%;position:relative;background:#000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;clip-path:shape(from 50% 91%,line to 90% 50%,arc to 50% 9% of 1%,arc to 10% 50% of 1%)}.heart-image-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.text-overlay{position:relative;z-index:2;width:80%;margin-top:10%;background:linear-gradient(#0000001a,#000000b3);color:#fff;text-align:center;pointer-events:none}.text-overlay h3{margin:0;font-size:1.5rem}.text-overlay p{margin:5px 0 0;opacity:.9;font-style:italic}.close-button{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:50%;background:#ff758f;color:#fff;border:3px solid white;font-weight:700;cursor:pointer;z-index:110;box-shadow:0 4px 10px #0003}.heart-wrapper:not(.deployed):not(.hided):hover{transform:translate(-50%,-50%) scale(1.15)}*{margin:0;padding:0}body{font-family:Courier New,Courier,monospace;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;height:100vh;font-weight:700;font-size:larger}#logout-button{position:absolute;bottom:1rem;right:1rem;padding:.5rem 1rem;border-radius:.5rem;border:none;background-color:#ff4d6d;color:#fff;cursor:pointer}