.form{background-color:#fff9;backdrop-filter:blur(10px);border-radius:.5rem;width:100%;padding:1rem;max-width:490px}.form input{border:1px solid #ffffff;border-radius:.25rem;color:var(--blue);font-size:1.1rem;font-family:var(--font-family);padding:.75rem;width:100%}.form input:focus{outline:2px solid #122a5c;outline-offset:4px}.form label{font-size:1rem;color:var(--blue);display:inline-block;margin-bottom:.25rem}.form button.signin{background-color:#575756;border:none;border-radius:.25rem;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:1rem;letter-spacing:.25rem;padding:.75rem;transition:transform .3s;width:100%}.form button.signin:hover{transform:scale(1.05)}.form button.signin:disabled{background-color:#a9a9a9;cursor:not-allowed}.form .password{position:relative}.form .password button{background-color:transparent;border:none;border-radius:.25rem;color:#a9a9a9;font-size:1rem;position:absolute;right:.5rem;top:2rem;transition:color .3s}.form .password button:focus{outline:2px solid var(--blue);outline-offset:2px}.form .password button:hover{cursor:pointer;color:#1d57c9}.form .password button:active{transform:scale(.8)}.form .password button svg{height:2rem;width:2rem}.form-subtitle{font-size:1rem;text-align:center;color:var(--blue);display:flex;align-items:center;justify-content:center;margin:1rem 0 .5rem}.form-subtitle svg{height:1.2rem;margin-right:.5rem;width:1.2rem}.form-subtitle:before,.form-subtitle:after{content:"";flex:1;border-bottom:1px solid var(--blue)}.form-subtitle:before{margin-right:.5rem}.form-subtitle:after{margin-left:.5rem}.form-title{font-size:1.5rem;text-align:center;color:var(--blue)}.forgot-password{color:var(--blue);font-size:1rem;display:flex;align-items:center;justify-content:center;text-align:center;margin-top:1rem}.forgot-password a{color:var(--blue);border-radius:.25rem;margin-left:.5rem;padding:.5rem;text-decoration:none;transition:background-color .3s}.forgot-password a:hover{background-color:#18284536}.no-account{color:var(--blue);font-size:1rem;display:flex;align-items:center;justify-content:center;margin-top:1rem}.no-account a.signup{border:1px solid #848689;border-radius:.25rem;color:var(--blue);display:block;margin-left:.5rem;padding:.5rem;text-decoration:none;text-align:center;transition:background-color .3s}.no-account a.signup:hover{background-color:#18284536}@media (max-width: 1080px){.form{padding:.25rem .5rem}.forgot-password{margin-top:.5rem}}@media (max-width: 800px){.form{padding:.5rem;overflow:hidden}.form input{font-size:1rem;padding:.5rem}.form label{font-size:.9rem}.form button.signin{font-size:.9rem;padding:.5rem}form p.forgot-password{font-size:.9rem}.form .password button{font-size:.9rem;top:1.5rem}.form .password button svg{height:1.5rem;width:1.5rem}.form-subtitle{font-size:.9rem}.form-subtitle svg{height:1rem;width:1rem}.form-title{font-size:1.2rem}.forgot-password{font-size:.9rem}.forgot-password a{padding:.5rem}.no-account{font-size:.9rem}.no-account a.signup{padding:.5rem}}.checkbox-wrapper{display:flex;align-items:center;margin-top:1rem;margin-bottom:1rem}.checkbox-wrapper input{display:none}.terms-label{display:flex;align-items:center;cursor:pointer;user-select:none}.checkbox-svg{width:2rem;height:2rem;flex-shrink:0}.checkbox-box{stroke:var(--blue);fill:none;transition:stroke .3s ease,fill .3s ease}.checkbox-tick{stroke:#fff;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:0;transition:opacity .3s ease}.checkbox-wrapper input:checked+.terms-label .checkbox-box{fill:var(--blue);stroke:var(--blue)}.checkbox-wrapper input:checked+.terms-label .checkbox-tick{opacity:1}.checkbox-wrapper input:focus+.terms-label .checkbox-svg{filter:drop-shadow(0 0 4px var(--blue))}.terms-label:hover .checkbox-box{stroke-width:42}.label-text{color:var(--blue);font-size:1rem;font-family:var(--font-family);line-height:1.4}.label-text .link{color:var(--blue);text-decoration:underline;transition:opacity .3s}.label-text .link:hover{opacity:.7}@media (max-width: 800px){.checkbox-wrapper{margin-top:.75rem;margin-bottom:.75rem}.checkbox-svg{width:1.75rem;height:1.75rem;margin-right:.5rem}.label-text{font-size:.9rem}}