:root{--background-color:#6ED0F6;--text-color:#fff;--input-background:#ffffff;--input-text-color:#000;--warning-bg-color:#ffcccb;--notification-bg-color:#d1e7dd;--warning-text-color:#a94442;--notification-text-color:#155724;--footer-bg-color:#079BCF;--footer-text-color:#ffffff;}[data-theme="dark"]{--background-color:#1e1e1e;--text-color:#f1f1f1;--input-background:#333;--input-text-color:#f1f1f1;--warning-bg-color:#5c1a1a;--notification-bg-color:#1a3d1a;--warning-text-color:#f28b82;--notification-text-color:#c3e6cb;--footer-bg-color:#333;--footer-text-color:#f1f1f1;}:focus{outline:none;}::-webkit-input-placeholder{color:#dedfdf;}::-moz-placeholder{color:#dedfdf;}:-moz-placeholder{color:#dedfdf;}::-ms-input-placeholder{color:#dedfdf;}#wrapper, label, #arrow, button span{transition:all .5s cubic-bezier(.6,0,.4,1);}#wrapper{overflow:hidden;}#signin:checked ~ #wrapper{height:178px;}#signin:checked ~ #wrapper #arrow{left:32px;}#signin:checked ~ button span{transform:translate3d(0,-72px,0);}#signin:checked + input[type=checkbox]{display:none;}#signup:checked ~ #wrapper{height:262px;}#signup:checked ~ #wrapper #arrow{left:137px;}#signup:checked ~ button span{transform:translate3d(0,-144px,0);}#signin:checked ~ #stay-login-container{display:block;}#staylogin-label{font-weight:bold;cursor:pointer;}#reset:checked ~ #wrapper{height:94px;}#reset:checked ~ #wrapper #arrow{left:404px;}#reset:checked ~ button span{transform:translate3d(0,0,0);}#stay-login-container{margin-top:15px;text-align:center;display:none;}#arrow{height:0;width:0;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;position:relative;left:32px;}#hint{width:100%;text-align:center;position:absolute;bottom:20px;}.warning, .notification{position:absolute;left:50%;top:-10px;transform:translateX(-50%);z-index:1000;}.warning{background-color:var(--warning-bg-color);color:var(--warning-text-color);padding:10px;border-radius:5px;text-align:center;margin-bottom:15px;}.notification{background-color:var(--notification-bg-color);color:var(--notification-text-color);padding:10px;border-radius:5px;text-align:center;margin-bottom:15px;}.small_button{width:54px;height:54px;}.language-selector{text-align:center;margin-top:20px;} .language-selector img{margin:0 10px;}html,body{margin:0;}body{background:var(--background-color);color:var(--text-color);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh;}content{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;}footer{background-color:var(--footer-bg-color);color:var(--footer-text-color);text-align:center;padding:10px;position:relative;left:0;bottom:0;width:100%;}form{width:450px;height:370px;margin:-185px -225px;position:absolute;left:50%;top:50%;}input[type=radio]{display:none;}label{cursor:pointer;display:inline-block;font-size:22px;font-weight:800;opacity:.5;margin-bottom:30px;text-transform:uppercase;}label:hover{transition:all .3s cubic-bezier(.6,0,.4,1);opacity:1;}label[for="signin"]{margin-right:20px;}label[for="reset"]{float:right;}input[type=radio]:checked + label{opacity:1;}input[type=email],input[type=password]{background:var(--input-background);color:var(--input-text-color);border:none;border-radius:8px;font-size:27px;height:72px;width:99.5%;margin-bottom:10px;opacity:1;text-indent:20px;transition:all .2s ease-in-out;}input:invalid:not(:focus){border-color:#d10a0a;}button{background:#079BCF;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:27px;height:72px;width:100%;margin-bottom:10px;overflow:hidden;transition:all .3s cubic-bezier(.6,0,.4,1);}button span{display:block;line-height:72px;position:relative;top:-2px;transform:translate3d(0,0,0);}button:hover{background:#007BA5;}form p{margin-left:auto;margin-right:auto;}