.auth-container{--color-text:#0d0e0f;--color-subtitle:#6b7280;--color-stroke:#e5e7eb;--color-stroke-alt:#d1d5db;--color-neutral:#ffffff;--color-background:#f5f6f8;--color-information:#0370ff;--color-success:#05e344;--color-warning:#ffff04;--color-danger:#ff2723}.dark .auth-container{--color-text:#ffffff;--color-subtitle:#77777e;--color-stroke:#252627;--color-stroke-alt:#2f3031;--color-neutral:#0d0e0f;--color-background:#1c1c1d;--color-information:#0370ff;--color-success:#05e344;--color-warning:#ffff04;--color-danger:#ff2723}.auth-container{display:flex;flex-direction:row;justify-content:flex-start;align-items:stretch;gap:8px;padding:16px;min-height:100dvh}.auth-container .col{flex:1 0 0}.video video{width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid var(--color-stroke)}.form{flex-direction:row;justify-content:center}.form,.form .wrapper{display:flex;align-items:center}.form .wrapper{flex-direction:column;justify-content:flex-start;gap:32px;max-width:360px;width:100%}.form .wrapper .logo{width:56px}.form .wrapper button{width:100%}.auth-buttons{gap:8px;width:100%}.auth-buttons,.form-title{display:flex;flex-direction:column}.form-title{justify-content:flex-start;align-items:center;gap:4px;text-align:center}.form-title h2{font-size:20px;line-height:28px;letter-spacing:-.5px;font-family:Inter,sans-serif;font-weight:500;color:var(--color-text)}.form-title p{font-size:14px;line-height:20px;letter-spacing:-.2px;font-family:Inter,sans-serif;font-weight:400;color:var(--color-subtitle)}.form-divider{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%}.form-divider p{font-size:12px;line-height:16px;letter-spacing:-.2px;font-family:Inter,sans-serif;font-weight:400;color:var(--color-subtitle)}.form-divider .rectangle{border-bottom:1px dashed var(--color-stroke);flex:1 0 0}.form-input{flex-direction:column;align-items:stretch;gap:8px}.form-input,.form-input input{width:100%;display:flex;justify-content:flex-start}.form-input input{font-size:14px;line-height:20px;font-family:Inter,sans-serif;padding:0 12px;height:36px;flex-direction:row;align-items:center;border:1px solid var(--color-stroke);outline:none;background-color:var(--color-background);border-radius:8px;color:var(--color-text)}.form-input input:focus{border-color:var(--color-information);outline:none}.form-input input::placeholder{color:var(--color-subtitle)}.form-action{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;width:100%}.form-action button{width:100%}.form-action p{font-size:14px;line-height:20px;letter-spacing:-.2px;font-family:Inter,sans-serif;font-weight:400;text-align:center;color:var(--color-subtitle)}.form-action a{text-decoration:none;font-weight:600;color:var(--color-text)}.form-submit-group{width:100%;display:flex;flex-direction:column;gap:12px;margin-top:12px}.form-error{color:var(--color-danger);text-align:center;width:100%}.btn-lg,.form-error{font-size:14px;line-height:20px;font-family:Inter,sans-serif}.btn-lg{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6px;font-weight:600;height:36px;padding:0 14px;text-decoration:none;border-radius:8px;width:fit-content;cursor:pointer;border:none;transition:all .2s ease}.btn-lg i{font-size:16px}.btn-primary{background-color:var(--color-text);color:var(--color-neutral);border:none}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:var(--color-background);border:none;color:var(--color-text)}.btn-secondary:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--color-stroke)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.checkbox-container{display:flex;flex-direction:row;align-items:flex-start;gap:8px;width:100%}.checkbox-container input[type=checkbox]{width:16px;height:16px;margin-top:2px;cursor:pointer;accent-color:var(--color-text)}.checkbox-container label{font-size:14px;line-height:20px;font-family:Inter,sans-serif;font-weight:400;color:var(--color-subtitle);cursor:pointer;flex:1}.checkbox-container a{color:var(--color-text);text-decoration:none}.checkbox-container a:hover{text-decoration:underline}@media (max-width:768px){.auth-container{flex-direction:column;padding:8px}.video{display:none}.form .wrapper{max-width:100%;padding:0 16px}}