#root{margin:0 auto;padding:0;background-color:#fff}.main{margin:0 auto;padding:2rem;text-align:center;height:100%;width:100%;box-sizing:border-box}.header-container{background-color:gray;color:#fff;width:100%}.header{display:flex;align-items:center;gap:.5rem;background-color:gray;color:#fff}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.vertical-spacing{display:flex;flex-direction:column;gap:.5rem}.count-container{background-color:red}@media(min-width:45rem){.login-shell{--shell-pad-block: clamp(1rem, 3vh, 2rem);--shell-pad-inline: clamp(.75rem, 4vw, 2rem);position:relative;display:grid;place-items:center;padding:var(--shell-pad-block) var(--shell-pad-inline);background:#f7f8fa}.login-panel{width:min(100%,26.25rem)}.login-card{width:100%;background:#fff;border:.0625rem solid #d9d9d9;padding:clamp(1rem,2.5vw,1.75rem) clamp(.875rem,2vw,1.5rem)}.login-page-title{position:absolute;top:var(--shell-pad-block);inset-inline:var(--shell-pad-inline);font-size:clamp(1.5rem,3vw,1.75rem);font-weight:700;color:#1a1a1a;margin:0;text-align:center}.login-title{font-size:clamp(1.125rem,2.5vw,1.375rem);font-weight:700;color:#1a1a1a;margin:0 0 clamp(.75rem,2vh,1.25rem)}.field-group{margin-bottom:clamp(.625rem,1.5vw,.875rem)}.field-group>.field-input{display:block}.field-input{box-sizing:border-box;width:100%;height:clamp(2.5rem,5vw,2.875rem);border:.0625rem solid #8a8a8a;border-radius:clamp(.125rem,.4vw,.25rem);padding:0 clamp(.5rem,2vw,.75rem);font-size:clamp(.875rem,2vw,.9375rem);color:#222;background:#fff;outline:none}.field-input::placeholder{color:#666}.field-input:focus{border-color:#006b45;box-shadow:0 0 0 .125rem #006b451f}.password-wrapper{position:relative;width:100%}.password-wrapper .field-input{width:100%;padding-right:clamp(2.5rem,4vw,2.75rem)}.toggle-pw{position:absolute;right:clamp(.5rem,1.5vw,.625rem);top:50%;transform:translateY(-50%);width:clamp(1.5rem,3vw,1.75rem);height:clamp(1.5rem,3vw,1.75rem);border:none;background:transparent;color:#4f4f4f;cursor:pointer;padding:0;display:grid;place-items:center}.toggle-pw svg{width:clamp(1rem,2.5vw,1.25rem);height:clamp(1rem,2.5vw,1.25rem);fill:currentColor}.toggle-pw:hover{color:#1f1f1f}.remember-row{display:flex;align-items:center;gap:clamp(.375rem,1.2vw,.5rem);margin:clamp(.25rem,1vh,.5rem) 0 clamp(.75rem,2vh,1rem)}.remember-row input[type=checkbox]{width:clamp(.875rem,2vw,1rem);height:clamp(.875rem,2vw,1rem);margin:0;accent-color:#006b45}.remember-row label{font-size:clamp(.8125rem,1.8vw,.875rem);color:#2f2f2f}.btn-primary{width:100%;height:clamp(2.5rem,5vw,2.875rem);border:none;border-radius:clamp(.125rem,.4vw,.25rem);background:#1471ea;color:#fff;font-size:clamp(.875rem,2vw,1rem);font-weight:600;cursor:pointer}.btn-primary:hover,.btn-primary:active{background:#4093fe}.forgot-link{margin-top:clamp(.75rem,2vh,1rem);border:none;background:none;padding:0;color:#1471ea;font-size:clamp(.8125rem,1.8vw,.875rem);cursor:pointer;text-decoration:underline}.forgot-link:hover{color:#4093fe}}@media(max-width:45rem){.login-shell{--shell-pad-block: clamp(1rem, 4vh, 1.5rem);--shell-pad-inline: clamp(.75rem, 3vw, 1rem);position:relative;min-height:100%;min-width:100%;display:grid;place-items:start start;padding-top:clamp(3.75rem,20vh,6.25rem);padding-left:var(--shell-pad-inline);padding-right:var(--shell-pad-inline);padding-bottom:var(--shell-pad-block);background:#f7f8fa}.login-panel{width:min(100%,26.25rem);max-width:95vw}.login-card{width:100%;background:#fff;border:.0625rem solid #d9d9d9;border-radius:clamp(.125rem,.8vw,.25rem);padding:clamp(1rem,4vw,1.25rem) clamp(.875rem,3vw,1rem)}.login-page-title{position:absolute;top:var(--shell-pad-block);left:var(--shell-pad-inline);font-size:clamp(1.25rem,5vw,1.75rem);font-weight:700;color:#1a1a1a;margin:0}.login-title{font-size:clamp(1.125rem,4vw,1.375rem);font-weight:700;color:#1a1a1a;margin:0 0 clamp(.875rem,2.5vh,1.25rem)}.field-group{margin-bottom:clamp(.625rem,2vw,.875rem)}.field-group>.field-input{display:block}.field-input{box-sizing:border-box;width:100%;height:clamp(2.5rem,10vw,2.875rem);border:.0625rem solid #8a8a8a;border-radius:clamp(.125rem,.6vw,.25rem);padding:0 clamp(.5rem,2vw,.75rem);font-size:clamp(.875rem,3vw,.9375rem);color:#222;background:#fff;outline:none}.field-input::placeholder{color:#666}.field-input:focus{border-color:#006b45;box-shadow:0 0 0 .125rem #006b451f}.password-wrapper{position:relative;width:100%}.password-wrapper .field-input{width:100%;padding-right:clamp(2.5rem,4vw,2.75rem)}.toggle-pw{position:absolute;right:clamp(.5rem,2vw,.625rem);top:50%;transform:translateY(-50%);width:clamp(1.5rem,5vw,1.75rem);height:clamp(1.5rem,5vw,1.75rem);border:none;background:transparent;color:#4f4f4f;cursor:pointer;padding:0;display:grid;place-items:center}.toggle-pw svg{width:clamp(1rem,4vw,1.25rem);height:clamp(1rem,4vw,1.25rem);fill:currentColor}.toggle-pw:hover{color:currentColor}.remember-row{display:flex;align-items:center;gap:clamp(.375rem,2vw,.5rem);margin:clamp(.25rem,1vh,.5rem) 0 clamp(.75rem,2vw,1rem)}.remember-row input[type=checkbox]{width:clamp(.875rem,3vw,1rem);height:clamp(.875rem,3vw,1rem);margin:0;accent-color:#006b45;flex-shrink:0}.remember-row label{font-size:clamp(.8125rem,2.5vw,.875rem);color:#2f2f2f}.btn-primary{width:100%;height:clamp(2.5rem,10vw,2.875rem);border:none;border-radius:clamp(.125rem,.6vw,.25rem);background:#1471ea;color:#fff;font-size:clamp(.875rem,3vw,1rem);font-weight:600;cursor:pointer}.btn-primary:hover,.btn-primary:active{background:#1471ea}.forgot-link{margin-top:clamp(.75rem,2vw,1rem);border:none;background:none;padding:0;color:#1471ea;font-size:clamp(.75rem,2.5vw,.875rem);cursor:pointer;text-decoration:underline}.forgot-link:hover{color:#1471ea}}