@import"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{min-height:100vh;width:100%;background:linear-gradient(180deg,#007bff,#0064d6,#004a99)}.container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:430px;width:100%;background:#fff;border-radius:25px;box-shadow:0 5px 10px #0000004d}.container .registration{display:none}#check:checked~.registration{display:block}#check:checked~.login{display:none}#check{display:none}.container .form{padding:2rem}.login-key-img{display:block;margin:0 auto 10px;width:70px;height:70px;border-radius:12px}.form header{font-size:2.5rem;font-weight:500;text-align:center;margin-bottom:1rem}.form input{height:60px;width:100%;padding:0 15px;font-size:17px;margin-bottom:1.3rem;border:1px solid #ddd;border-radius:12px;outline:none}.form input:focus{box-shadow:0 1px #0003}.form a{font-size:16px;font-weight:500;color:#0064d6;text-decoration:none}.form a:hover{text-decoration:underline}.form input.button{border-radius:12px;color:#fff;background:#0064d6;font-size:1.3rem;font-weight:500;letter-spacing:1px;margin:1.2rem 0 0;cursor:pointer;transition:.4s}.form input.button:hover{background:#004a99}.signup{font-size:17px;text-align:center}.signup label{color:#007bff;cursor:pointer}.signup label:hover{text-decoration:underline}.email-label,.password-label{font-weight:600;margin-bottom:20px}.remember-forgot{display:flex;justify-content:space-between;align-items:center}.remember{display:flex;align-items:center}.remember input[type=checkbox]{width:15px;height:15px;margin:0 5px 0 0}.error-message{color:red;font-size:14px;margin-bottom:10px}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;border-radius:4px;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}