@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@200;300;400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Open Sans,sans-serif}body{justify-content:center;align-items:center;width:100%;min-height:100vh;padding:0 10px;display:flex}body:before{content:"";opacity:.7;background-color:#0055a68a;background-image:url(../../images/latar_mural2.jpg),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;width:100%;height:100%;position:absolute}.wrapper{text-align:center;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border:1px solid #0055a652;border-radius:8px;width:400px;padding:30px;box-shadow:0 4px 30px #0000001a}form{opacity:.8;background:#a5b7d60d;flex-direction:column;display:flex}h2{color:#0067ace3;text-shadow:0 -1px 3px #0000005c;margin-bottom:20px;font-size:2.1rem}.input-field{border-bottom:2px solid #ccc;margin:15px 0;position:relative}.input-field label{color:#0c0d0d8a;pointer-events:none;font-size:16px;transition:all .15s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.input-field input{color:#fff;background:0 0;border:none;outline:none;width:100%;height:40px;font-size:16px}.input-field input:focus~label,.input-field input:valid~label{font-size:1rem;top:10px;transform:translateY(-120%)}.forget{color:#fff;justify-content:space-between;align-items:center;margin:25px 0 35px;display:flex}#remember{accent-color:#fff}.forget label{align-items:center;display:flex}.forget label p{margin-left:8px}.wrapper a{color:#efefef;text-decoration:none}.wrapper a:hover{text-decoration:underline}button{color:#68c400e6;cursor:pointer;border:2px solid #0000;border-radius:3px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .3s}button:hover{color:#fff;background:#ffffff26;border-color:#fff}.register{text-align:center;color:#fff;margin-top:30px}@media (width>=576px){.container{max-width:540px}}@media (width>=768px){.container{max-width:720px}}@media (width>=992px){.container{max-width:960px}}@media (width>=1200px){.container{max-width:1140px}}@media (width>=1400px){.container{max-width:1320px}}