.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}}.form--signin{position:relative;isolation:isolate;overflow:hidden;max-width:490px;padding:clamp(1.3rem,2.2vw,2rem);border:1px solid rgba(255,255,255,.75);border-radius:1.25rem;background:linear-gradient(150deg,#ffffffed,#efefefdb 62%,#dcdcdce6);-webkit-backdrop-filter:blur(26px) saturate(.8);backdrop-filter:blur(26px) saturate(.8);box-shadow:0 28px 70px #00000047,0 7px 22px #0000001a,inset 0 1px #fffffff2;transition:box-shadow .35s ease,border-color .35s ease,background .35s ease;animation:signin-arrive .75s cubic-bezier(.16,1,.3,1) both}.form--signin:before{position:absolute;inset:0;z-index:0;border-radius:inherit;background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.72),transparent 48%);content:"";pointer-events:none;animation:signin-light 8s ease-in-out infinite alternate}.form--signin>*{position:relative;z-index:1}.form--signin:focus-within{border-color:#fff;box-shadow:0 32px 80px #00000052,0 8px 24px #0000001f,inset 0 1px #fff}.form--signin .form-title{color:#303030;font-size:clamp(1.5rem,2vw,1.8rem);font-weight:600;letter-spacing:-.035em}.form--signin .form-title--key{display:flex;align-items:center;justify-content:center;gap:clamp(.55rem,2vw,.9rem);min-height:4.2rem;margin:0}.form--signin .form-title--key img{display:block;width:clamp(3.8rem,8vw,4.5rem);height:clamp(3.8rem,8vw,4.5rem);object-fit:contain;filter:drop-shadow(0 5px 5px rgba(0,0,0,.15))}.form--signin .form-title--key span{font-size:clamp(1.55rem,2.2vw,2rem);font-weight:800;letter-spacing:-.05em;text-shadow:0 1px 0 #fff,0 2px 0 #bbb,0 3px 3px rgba(0,0,0,.18)}.form--signin .form-subtitle{color:#555;margin-top:.35rem;margin-bottom:1rem}.form--signin .form-subtitle:before,.form--signin .form-subtitle:after{border-color:#55555559}.form--signin input:not([type=checkbox]){border:1px solid rgba(105,105,105,.24);border-radius:.65rem;background:#ffffffeb;box-shadow:inset 0 1px 3px #00000009;color:#292929;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease}.form--signin input:not([type=checkbox]):focus{border-color:#555;outline:none;background:#fff;box-shadow:0 0 0 3px #46464629,0 5px 16px #00000017}.form--signin .password button:hover,.form--signin .password button:focus-visible{color:#333}.form--signin .password button:focus-visible,.form--signin a:focus-visible,.form--signin button.signin:focus-visible{outline:2px solid #444;outline-offset:3px}.form--signin button.signin{border:1px solid #424242;border-radius:.7rem;background:linear-gradient(155deg,#666,#383838);box-shadow:0 4px #252525,0 10px 18px #00000029;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}.form--signin button.signin:hover:not(:disabled){background:linear-gradient(155deg,#727272,#414141);box-shadow:0 7px #252525,0 15px 23px #0003;transform:translateY(-3px)}.form--signin button.signin:active:not(:disabled){box-shadow:0 1px #252525,0 5px 10px #0000001f;transform:translateY(3px)}.form--signin .no-account a.signup{border-color:#aaa;border-radius:.55rem;background:#ffffff5c;transition:background .2s ease,border-color .2s ease,transform .2s ease}.form--signin .no-account a.signup:hover,.form--signin .forgot-password a:hover{background:#ffffffad}.form--signin .no-account a.signup:hover{border-color:#777;transform:translateY(-2px)}.form--signin .checkbox-wrapper input:focus-visible+.terms-label .checkbox-svg{filter:drop-shadow(0 0 3px #555)}@keyframes signin-arrive{0%{opacity:0;transform:translateY(22px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes signin-light{0%{transform:translate(-12%);opacity:.55}to{transform:translate(12%);opacity:.9}}@media (max-width: 800px){.form--signin{padding:1.25rem;border-radius:1rem}}@media (prefers-reduced-motion: reduce){.form--signin,.form--signin:before,.form--signin>*{animation:none;transition-duration:.01ms}}