.login-form-container{display:flex;flex-direction:column;gap:16px;padding:40px;border:1px solid hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1);background-color:hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 1);border-radius:24px;color:var(--color-white)}@media(min-width: 64rem){.login-form-container{padding:64px;gap:40px}}.login-form-container h1,.login-form-container h2,.login-form-container h3,.login-form-container h4,.login-form-container h5,.login-form-container h6,.login-form-container p,.login-form-container label{color:var(--color-white);margin:0}.login-form-container .alert-box.success{background-color:var(--color-success-darker);color:hsla(var(--color-success-base-h), var(--color-success-base-s), var(--color-success-base-l), 1)}#loginform{--input-placeholder: rgba(#fff, .3);--input-placeholder-focus: rgba(#fff, 1);display:flex;flex-direction:column;gap:16px}@media(min-width: 64rem){#loginform{gap:40px}}#loginform .form-row{display:flex;flex-direction:column;gap:8px}@media(min-width: 64rem){#loginform .form-row{flex-direction:row;gap:32px}}#loginform .form-group{display:flex;flex-direction:column;gap:16px;flex:1}#loginform label{font-size:16px;line-height:1;font-weight:600}#loginform input::-moz-placeholder{color:var(--input-placeholder);font-size:.95rem;letter-spacing:.02em;-moz-transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease}#loginform input::placeholder{color:var(--input-placeholder);font-size:.95rem;letter-spacing:.02em;transition:opacity .2s ease,transform .2s ease}#loginform input:focus::-moz-placeholder{opacity:.6;transform:translateY(-1px)}#loginform input:focus::placeholder{opacity:.6;transform:translateY(-1px)}#loginform input[type=text],#loginform input[type=password]{padding:18.5px 16px;border:1px solid rgba(0,0,0,0);background-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1);border-radius:8px;color:var(--color-white);font-size:16px;line-height:1;transition:background-color .2s ease,border-color .2s ease}#loginform input[type=text]:hover,#loginform input[type=password]:hover{background-color:hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.2)}#loginform .password__btn{color:var(--color-white)}:root{--toggle-w: 52px;--toggle-h: 32px;--toggle-pad: 3px;--toggle-off: rgba(255,255,255,.22);--toggle-on: #34C759;--toggle-knob: #fff;--toggle-shadow: 0 10px 20px rgba(0,0,0,.25);--toggle-focus: 0 0 0 3px rgba(255,255,255,.18);--toggle-text: rgba(255,255,255,.8)}.toggle{display:inline-flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle__label{color:var(--toggle-text);font-size:.95rem}.toggle__input{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.toggle__track{position:relative;width:var(--toggle-w);height:var(--toggle-h);border-radius:999px;background:var(--toggle-off);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.12);transition:background .2s ease,box-shadow .2s ease}.toggle__track::after{content:"";position:absolute;top:var(--toggle-pad);left:var(--toggle-pad);width:calc(var(--toggle-h) - var(--toggle-pad)*2);height:calc(var(--toggle-h) - var(--toggle-pad)*2);border-radius:999px;background:var(--toggle-knob);box-shadow:var(--toggle-shadow);transform:translateX(0);transition:transform .22s ease}.toggle__input:checked+.toggle__track{background:var(--toggle-on);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.toggle__input:checked+.toggle__track::after{transform:translateX(calc(var(--toggle-w) - var(--toggle-h)))}.toggle__input:focus-visible+.toggle__track{outline:none;box-shadow:var(--toggle-focus),inset 0 0 0 1px hsla(0,0%,100%,.12)}@media(prefers-reduced-motion: reduce){.toggle__track,.toggle__track::after{transition:none}}