@import"https://fonts.googleapis.com/css2?family=Dosis:wght@200..800&display=swap";html,body{width:100%;height:100%;margin:0;min-height:540px}body{font-family:"Dosis",sans-serif;background:radial-gradient(circle at center, #ffffff 0%, #c0c0c0 108%);color:#000}.background{opacity:0;transition:opacity 1s ease-in-out}h2{font-weight:300;margin-bottom:0}.topbar{position:fixed;top:0;left:0;right:0;height:70px;display:flex;justify-content:flex-end;align-items:center;padding:0 16px;z-index:5}.icon-btn{width:42px;height:42px;border-radius:12px;border:0;background:hsla(0,0%,100%,.12);cursor:pointer;display:grid;place-items:center}.stage{width:100%;height:100%;display:grid;place-items:center;box-sizing:border-box}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:9}.overlay.open{opacity:1;pointer-events:auto}.login-panel{position:fixed;top:0;right:0;height:100%;width:min(420px,90vw);background:#e5e7eb;color:#000;transform:translateX(100%);transition:transform .3s ease;z-index:10;display:flex;flex-direction:column}.login-panel.open{transform:translateX(0)}.panel-header{padding:0 16px;display:flex;color:#000;position:fixed;top:0;left:0;right:0;height:56px;display:flex;justify-content:flex-end;align-items:center;padding:0 16px;z-index:5}.close-btn{background:none;border:0;color:#fff;font-size:24px;cursor:pointer}.panel-body{padding:20px;color:#000}.slide{max-width:40vw;max-height:80vh;filter:drop-shadow(0 4px 5px rgba(0, 0, 0, 0.45)) drop-shadow(0 8px 15px rgba(0, 0, 0, 0.25));position:absolute;object-fit:cover;opacity:0;transition:opacity 2s ease-in-out}@media(max-width: 600px){.login-panel{width:100%}.slide{max-width:90%;max-height:60%}}.form-container{display:flex;flex-direction:column}.form-container input{margin-bottom:15px;padding:10px;box-sizing:border-box;xborder:1px solid #ccc;border-radius:5px;border:1px solid #bebebe;font-size:16px;width:100%;box-shadow:rgba(0,0,0,.05) 0px 0px 0px 1px}button{font-family:"Dosis",sans-serif;padding:10px;border:1px solid #444;cursor:pointer;border-radius:5px;width:100%;font-size:1.1em;transition:.3s;text-transform:uppercase;font-weight:100;box-shadow:rgba(0,0,0,.11) 0px 0px 2px 2px}button:hover{background-color:#323940;color:#fff;border:1px solid #fff;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none}button:disabled{background-color:#323940;border:1px solid #444;color:#8f8f8f;transition:.3s;text-decoration:line-through;cursor:wait}.input_group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.password_toggle img{width:25px;position:absolute;top:7px;right:10px;cursor:pointer}.form-options{display:flex;justify-content:space-between;margin-top:20px}.form-options a{color:#000;text-decoration:none;font-size:1em}.form-options a:hover{text-decoration:underline}.hidden{display:none}label{font-size:1.1em;float:left}.login-icon-wrapper{width:42px;height:42px;perspective:800px;cursor:pointer}.logo-icon{width:70px;transition:width .5s ease,height .5s ease;filter:drop-shadow(0.35rem 0.35rem 0.4rem rgba(0, 0, 0, 0.5))}.login-icon{width:40px;cursor:pointer;height:100%;cursor:pointer;animation:flipAttention 1.2s ease-in-out 2;animation-delay:5s;transform-style:preserve-3d}@keyframes flipAttention{0%{transform:rotateY(0deg)}40%{transform:rotateY(180deg)}60%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}.slide.active{opacity:1}.fade-white{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;transition:opacity .6s ease;z-index:10}.fade-white.active{opacity:1}