:root{--white-color:hsl(0,0%,100%);--black-color:hsl(0,0%,0%);--body-font:Instrument Sans,sans-serif;--h1-font-size:1.75rem;--normal-font-size:1rem;--small-font-size:.813rem;--font-medium:500}*{box-sizing:border-box;padding:0;margin:0}body,button,input{font-size:var(--normal-font-size);font-family:var(--body-font)}body{color:var(#101233)}button,input{border:none;outline:0}a{text-decoration:none}img{max-width:100%;height:auto}.login{position:relative;height:100vh;display:grid;align-items:center}.login__img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}.login__form{position:relative;background-color:#fff;border:2px solid #101233;margin-inline:1.5rem;padding:2.5rem 1.5rem;border-radius:1rem;backdrop-filter:blur(8px)}.login__title{text-align:center;font-size:var(--h1-font-size);font-weight:var(--font-medium);margin-bottom:.75rem}.login__box,.login__content{display:grid}.login__content{row-gap:1.75rem;margin-bottom:1.5rem}.login__box{grid-template-columns:max-content 1fr;align-items:center;column-gap:.75rem;border-bottom:2px solid #101233}.login__eye,.login__icon{font-size:1.25rem}.login__input{width:100%;padding-block:.8rem;background:0 0;color:var(#101233);position:relative;z-index:1}.login__box-input{position:relative}.login__label{position:absolute;left:0;top:13px;font-weight:var(--font-medium);transition:top.3s,font-size .3s}.login__eye{position:absolute;right:0;top:18px;z-index:10;cursor:pointer}.login__box:nth-child(2) input{padding-right:1.8rem}.login__check,.login__check-group{display:flex;align-items:center;justify-content:space-between}.login__check{margin-bottom:1.5rem}.login__check-label,.login__forgot{font-size:var(--small-font-size)}.login__check-group{column-gap:.5rem}.login__check-input{width:16px;height:16px;accent-color:#101233}.login__forgot{color:var(--white-color)}.login__forgot:hover{text-decoration:underline}.login__button{width:100%;padding:1rem;border-radius:.5rem;background-color:var(--white-color);font-weight:var(--font-medium);cursor:pointer;border:2px solid #101233}.login__button:hover{background-color:#101233;color:#fff}.login__input:focus+.login__label{top:-12px;font-size:var(--small-font-size)}.login__input:not(:placeholder-shown).login__input:not(:focus)+.login__label{top:-12px;font-size:var(--small-font-size)}@media screen and (min-width:576px){.login{justify-content:center}.login__form{width:432px;padding:4rem 3rem 3.5rem;border-radius:1.5rem}.login__title{font-size:2rem}}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:0;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;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{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;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{-webkit-transition:opacity .218s;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{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}.signinelements{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:1.5rem}#applesignin{max-width:100%;max-height:100%;object-fit:contain}#applesignin,#googlebutton{display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:200px;height:50px}#applesignin img{transition:filter .3s ease}#applesignin:hover img{filter:brightness(.95)}.email__error,.password__error{font-size:var(--small-font-size);margin-top:-1.5rem;color:#101233}input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:#101233}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out 0s;-webkit-box-shadow:0 0 0 1000px transparent inset;-webkit-text-fill-color:#101233}