body{margin:0;height:100vh;background-color:#eee}[data-key=username],[data-key=password]{font-size:1.2rem;box-shadow:none;text-align:center;transition:.6s;font-weight:normal;padding:15px 40px;position:relative;margin:0 0 20px}.user_wrap,.pass_wrap{position:relative}.user_wrap:after,.pass_wrap:after{position:absolute;left:5px;bottom:calc(20px + 6px);width:40px;height:40px;font-family:"MaterialIcons",sans-serif;font-size:1.8rem;line-height:40px;text-align:center}.user_wrap:after{content:"\e7fd"}.pass_wrap:after{content:"\e897"}.brand{display:block;height:60px;width:100%;margin:0 auto 30px;background-position:center !important}.access_wrap{width:40vw;max-width:600px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}.access_panel{width:40vw;max-width:600px;padding:30px;border-radius:15px;box-shadow:0 0 100px rgba(0,0,0,0.3);background:rgba(255,255,255,0.75);backdrop-filter:saturate(2) blur(5px);-webkit-backdrop-filter:saturate(2) blur(5px);box-sizing:border-box;transform-style:preserve-3d}.access_panel h1{text-align:center;text-transform:uppercase;font-size:3vw;margin-bottom:20px}.access_panel .more{font-size:1rem;font-weight:400;text-align:center;cursor:pointer}input.empty{border:2px solid firebrick}#aio_login_init,#aio_forgot_init{width:100%;margin:0 0 20px;color:#fff;border-radius:8px;transition:.8s;text-transform:uppercase;border:0;padding:20px;cursor:pointer;font-size:20px;letter-spacing:2px;box-shadow:0 5px 35px rgba(0,0,0,0.2)}#register{font-weight:lighter;text-align:center;display:block;margin-top:15px;font-size:12px;text-transform:uppercase;letter-spacing:2px}.credits{position:fixed;left:0;bottom:0;opacity:.5;width:100%;text-align:center}@media(min-width:320px) and (max-width:1024px){.access_wrap{width:calc(100vw - 40px)}.access_panel{width:100%;max-width:none;padding:20px}#logo{height:50px}input,button,select,textarea{padding:10px;margin-bottom:8px}.access #set_access{padding:10px 0}}body.d{background-color:#111;color:#fff}body.d .access_panel{background-color:rgba(255,255,255,0.1)}