body:has(.login-root){background:hsl(160,20%,10%)}.login-root{min-height:100vh;min-height:100dvh;display:flex;background:hsl(160,20%,10%)}.geo-panel{display:none;position:relative;overflow:hidden;background:hsl(140,25%,94%)}@media (min-width:1024px){.geo-panel{display:block;width:45%}}.geo-panel svg{position:absolute;inset:0;width:100%;height:100%}.geo-brand{position:absolute;top:2.5rem;left:2.5rem;display:flex;align-items:center;gap:.625rem;z-index:10}.geo-brand-name{font-size:.9375rem;font-weight:700;color:hsl(153,40%,28%);letter-spacing:-.02em}.geo-footer{position:absolute;bottom:2.5rem;left:2.5rem;font-size:.75rem;color:hsl(153,30%,50%)}.form-panel{flex:1;background:hsl(160,20%,10%);display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem;position:relative;overflow:hidden}.form-panel:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 40px,hsl(153,40%,28%,.04) 0,hsl(153,40%,28%,.04) 41px);pointer-events:none}.form-inner{width:100%;max-width:22rem;position:relative;z-index:1}.mobile-logo{display:flex;align-items:center;gap:.625rem;margin-bottom:2.5rem}@media (min-width:1024px){.mobile-logo{display:none}}.mobile-logo-name{font-size:.9375rem;font-weight:700;color:white;letter-spacing:-.02em}.form-heading{font-size:2rem;font-weight:700;color:#ffffff;letter-spacing:-.03em;line-height:1.1;margin-bottom:.375rem}.form-subheading{font-size:.8125rem;color:hsl(153,10%,55%);letter-spacing:.04em;margin-bottom:2rem}.form-subheading span{color:hsl(153,10%,45%)}.field-group{margin-bottom:.875rem}.field-label{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:hsl(153,10%,45%);margin-bottom:.375rem}.field-wrap{position:relative}.field-icon{position:absolute;left:.875rem;top:50%;transform:translateY(-50%);color:hsl(153,10%,45%);display:flex}.field-input{width:100%;height:2.875rem;padding:0 1rem 0 2.75rem;border-radius:.625rem;background:hsl(160,15%,14%);border:1px solid hsl(160,10%,20%);color:#ffffff;font-size:.875rem;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.field-input::-moz-placeholder{color:hsl(153,10%,35%)}.field-input::placeholder{color:hsl(153,10%,35%)}.field-input:focus{border-color:hsl(153,40%,35%);box-shadow:0 0 0 3px hsl(153,40%,28%,.2)}.field-input:disabled{opacity:.5}.error-box{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:hsl(0,30%,15%);border:1px solid hsl(0,40%,25%);border-radius:.625rem;color:hsl(0,80%,70%);font-size:.8125rem;margin-bottom:.875rem}.submit-btn{width:100%;height:2.875rem;border-radius:.625rem;background:hsl(153,40%,28%);color:#ffffff;font-size:.9375rem;font-weight:600;font-family:inherit;border:none;cursor:pointer;letter-spacing:.01em;transition:opacity .15s,transform .1s;margin-top:.25rem}.submit-btn:hover:not(:disabled){opacity:.88}.submit-btn:active:not(:disabled){transform:scale(.99)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.alt-divider{display:flex;align-items:center;gap:.75rem;margin:1.125rem 0 .875rem;color:hsl(153,8%,55%);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.alt-divider:after,.alt-divider:before{content:"";flex:1;height:1px;background:hsl(153,10%,26%)}.discord-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;height:2.875rem;border-radius:.625rem;background:hsl(235,86%,65%);color:#ffffff;font-size:.9375rem;font-weight:600;font-family:inherit;text-decoration:none;letter-spacing:.01em;transition:opacity .15s,transform .1s}.discord-btn:hover{opacity:.88}.discord-btn:active{transform:scale(.99)}