*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif}.splash-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;display:table;height:100%;opacity:.76;position:absolute;width:100%;z-index:0}.splash-content{backdrop-filter:blur(10px);background-color:#9c7e64d9;border-radius:12px;box-sizing:border-box;padding:40px;position:relative;z-index:1}#splash{align-items:center;background:#000;color:#fff;display:flex;flex-direction:column;font-family:system-ui;height:100vh;justify-content:center;left:0;position:fixed;text-align:center;top:0;width:100vw;z-index:999999}h1,p{margin-bottom:10px}input{border:none!important;border-radius:12px;font-size:16px;padding:10px;text-align:center!important}input::placeholder{text-align:center!important}input:focus{outline:none!important}#error-message{color:red;font-size:14px;margin-top:10px;opacity:1;transition:opacity .5s ease-in-out}.fade-out{animation:fadeOut .5s forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}